0

私のページの1つの頭に次のものがあります：

<script>
$(document).bind('pageinit' , function(){ alert("welcome"); });
//$(document).ready(function() {alert("welcome"); });
</script>

コメントアウトされているものは (コメント解除されている場合) 正常に機能しますが、一番上のものは機能しません。jQuery Mobile の pageinit 機能が原因で、多くの問題が発生しています。すべてのページに移動した後に更新をクリックする必要があります。そうしないと、追加したスクロールバーと他の機能が読み込まれません。私が参照したスクロールバープラグインは次のようになります。

<script type="text/javascript" src="cubiq-iscroll-bad88fb/src/iscroll.js"></script>

それでも、あるページから別のページに移動するたびに言ったように、シームレスにロードされません. 更新をクリックする必要があります。これはAjaxが原因だと思います。適切に使用することで問題は解決すると思いますが $(document).bind('pageinit')、方法がわかりません。アドバイスをいただければ幸いです。ありがとう。:)

4

1 に答える 1

0

div次のように、ページを表すイベントを添付する必要があります。

$( '#thePage' ).live( 'pageinit',function(event){
    alert( 'This page was just enhanced by jQuery Mobile!' );
});

あなたのページ#thePageはどこにありますか。iddiv

この例と詳細については、 JQueryMobileのドキュメントを参照してください。

于 2012-12-14T14:36:05.480 に答える