[ 勉強 ] jQueryを記述する際に、クリックの動作とホバーの動作をうまく制御する方法

ある要素に、クリックの動作とホバーの動作のふたつを設定したい時があります。その際、ホバーして、クリックして、ホバーアウトして、という動作をするとうまくいかないところが多々ありました。

これをどうにかならないかなーと思っていましたら、対処方法がありました!

Java Script

$(function() {
    // クリック時
    $element.click(function(e) {
        e.preventDefault();
        if (flag) {
            flag = false;
            // 処理を書く
        }else {
            flag = true;
            // 処理を書く
        }
    })

    //マウスホバー時
    $element.hover(function() {
        if(flag){
            // 処理を書く
        }else {
            // 処理を書く
        }
    }, function(){
        if(flag){
            // 処理を書く
            }else {
            // 処理を書く
        }
    }
)});

要は、フラグを立てればよいのです!フラグの立て方は処理する内容に依るので、上記の書き方だけではないのですが、覚えておくべき方法ですね。