0

さて、「分割」という言葉は適切ではないかもしれません。マウスが左半分にある場合は 1 つの機能を実行し、マウスが右側にある場合は反対の機能を実行する 1 つの div が必要です。

メイン div 内に 2 つの追加 div をセットアップし、マウスオーバーを使用してこれを実現する前に、2 つの分割 div の z-index をメイン div の上に配置する必要がありました。問題は、内部にいくつかの画像があるメイン div にクリック機能を追加する必要があることです (回転カルーセルです)。

メインの div を分割して、マウスが一方の側にある場合に一方のアクションを実行し、反対側で pageX または別の関数を使用して反対のアクションを実行することは可能ですか?

4

2 に答える 2

2

それは可能であり、それほど難しいことでもありません。
ドキュメントに対する要素の位置を取得し、要素の幅の半分からそれを差し引いてe.pageX、次のように と比較します。

$('#test').on('click', function(e) {
    var Dleft = $(this).width() / 2,
        Cleft = e.pageX - $(this).offset().left;

    if (Cleft > Dleft) {
        $(this).html('You clicked the right half');
    }else{
        $(this).html('You clicked the left half');
    }

});

フィドル

于 2013-06-25T01:59:48.523 に答える