1

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>

好奇心旺盛な方へ：ユーザーがリンクをクリックして何かを表示し、リンクをスワイプして直接ダウンロードできるようにしたいと思います。

4

1 に答える 1

0

jQueryMobile を使用する場合、onload または domready イベントを使用するべきではありませんが、代わりに pageinit イベントを使用する必要があります。

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

それは動作しますか？

編集：バインドをライブに変更しました。

于 2012-05-19T10:16:42.987 に答える