Swipeleft / -right被执行两次

Question

我有一个包含以下代码的html文件：

<div class='admTeaserreihe inactive'>

     <article class="admEmpfehlungTeaser">
           <figure>
                 <img src="url" alt="" />
            </figure>
            <h2>Heading</h2>
            <div class="admEmpfehlungText"><p>text</p>
            </div>
            <a href="url">mehr Infos</a>
     </article>
</div>

使用多个文章标签，这些标签是动态呈现的 要浏览移动设备上的文章，我添加了jquerymobile。

$(document).ready(function () {
    if($(".admTeaserreihe").length){
        $( document ).on( "swipeleft", ".admTeaserreihe article", function( event ) {
             $(".pfeilRechts").click();
             alert('links');
        });
        $( document ).on( "swiperight", ".admTeaserreihe article", function( event ) {
            $(".pfeilLinks").click();
            alert('rechts');
        });
    }
}

问题是，事件被调用两次。 例如，如果我向左滑动，我会收到两个警报，并且点击也会执行两次。

我无法弄清楚事件被解雇的原因。 Jquery代码位于html页面的最后。

我可以做一个解决方法，比如只在一秒钟内执行一次刷卡功能中的代码，但我更想知道为什么这些函数会被调用两次。

编辑：问题是，该文件已经被调用了两次。这就是为什么<article>有多个事件的原因。