jquery - 容器内的 jQuery Mobile 滑动事件

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");
    });
});

那样有用吗？

编辑：将绑定更改为实时。