同一頁面中的多個交換不起作用

Question

我在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內容上滑動可正常使用，但我在另一滑動上another-swipe

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


        alert("test2")

    });

但是它給先前的警報不是alert("test2"); ....

Answer 1

1. 使用class而不是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>

JQUERY

$(".another-swipe").swipeleft(function(e) {
e.stopPropagation();
alert("test2")
});
$(".iframe-content").swipeleft(function(e) {
    alert ("test 1");
});