2

特定のページの読み込み後にコールバックを発生させる方法がわかりません。

たとえば、次の 2 つのページがあります。

<!-- my page -->
<div data-role="page" id="foo">

    <a href="#bar">bar</a></p>  

</div><!-- /page -->


<!-- other page  -->
<div data-role="page" id="bar">

    <div id="slideshow"></div>

</div><!-- /page -->

とても簡単ですよね？今、そのスライドショーをコールバックとして起動したいのですが、「バー」ページの準備ができたときだけです。ドキュメントの pagecreate イベントへのバインドは、すべての pagecreate で発生します。

 $(document).bind('pagecreate') // I don't need this for every page, just my slideshows

と

$( '#bar' ).on( 'pagecreate',function(event){ 
    whatEver();     // why you don't just work? :/
});

まったく機能しません（または、何をすべきかわかりませんでした）。

私が間違っていることは何ですか？ありがとうございました。

4

1 に答える 1

2

このようにしてください：

$(document).on('pagecreate', '#bar',function(event){ 
    whatEver();     // why you don't just work? :/
});

ただし、このページで視覚的なこと (スライドショーなど) を行う場合は、次を使用することをお勧めします。

$(document).on('pageshow', '#bar',function(event){ 
    whatEver();     // why you don't just work? :/
});

jQM には、 pageshowを除くすべてのページ イベントで視覚的な変更 (スライドショー プラグイン、カルーセルなど) を表示する際に問題があります。Pageshowはロードする最後のイベントです。この場合、ページは完全にロードされ、ページは適切な高さになります。

于 2013-04-04T08:20:54.233 に答える