容器内的jQuery Mobile Swipe Event

Question

我无法在可折叠集中使用jQuery移动滑动事件。如果我在可折叠集之外使用它，我能够使它工作。测试有效：

<div id="listitem"> swipe me </div>

我想要的工作：

   <div data-role="collapsible-set" data-mini="true" data-theme=
              "c" data-content-theme="d">
                <div data-role="collapsible" data-theme="a">
                  <div>
                    <h4>
                      Conduct Training
                    </h4>
                  </div>
                  <div id="listitem">
                    <p>
                      <a href="/PlaybookRequest/FileRequest/2014658414/"
                      rel="external" data-ajax="false">link</a>
                    </p>
                  </div>
</div>

两者都在我的布局页面上使用这个javascript：

 <script type='text/javascript'>
    $(window).load(function () {
        $("#listitem").swiperight(function () {
            console.log("worked");
        });
    });  
</script>

对于那些好奇的人：我希望能够让用户点击链接查看内容并滑动链接进行直接下载。

Answer 1

使用jQueryMobile时，您不应该使用onload或domready事件，而应该使用pageinit事件：

$(document).live('pageinit', function () {
    $("#listitem").swiperight(function () {
        console.log("worked");
    });
});

这有用吗？

编辑：将绑定更改为live。