1

私はスワイプを残したdivを持っています

  $(".iframe-content").swipeleft(function(e) {

        alert ("test 1");
    });

    <div class="iframe-content">
<div class="noswipe">no swipe</div>
<div class="noswipe">no swipe</div>
<div class="noswipe">no swipe</div>
<div class="noswipe">no swipe</div>
    <div id="another-swipe">swipe here</div>
<div class="noswipe">no swipe</div>
<div class="noswipe">no swipe</div><div class="noswipe">no swipe</div>
    </div>

今私の問題はまさに次のとおりです。

iframe-contentのスワイプは正常に機能していますが、別のスワイプを行いましたanother-swipe

$(".another-swipe").swipeleft(function(e) {


        alert("test2")

    });

しかし、それは以前のアラートを与えていませんalert("test2");....

4

1 に答える 1

1

  1. another-swipe で ID の代わりにクラスを使用します。

  2. e.stopPropagation(); を使用できます。アッパーコールを止める

ここでフィドルを参照してください（スワイプの代わりにクリックしてください）：http://jsfiddle.net/26w2q/

HTML

<div class="iframe-content">
    <div class="noswipe">no swipe</div>
    <div class="noswipe">no swipe</div>
    <div class="noswipe">no swipe</div>
    <div class="noswipe">no swipe</div>
    <div class="another-swipe">swipe here</div> <<< USE class instead of id
    <div class="noswipe">no swipe</div>
    <div class="noswipe">no swipe</div>
    <div class="noswipe">no swipe</div>
</div>

Jクエリ

$(".another-swipe").swipeleft(function(e) {
e.stopPropagation();
alert("test2")
});
$(".iframe-content").swipeleft(function(e) {
    alert ("test 1");
});
于 2013-11-05T08:32:14.870 に答える