0

携帯サイトを作ろうとしています。ページには画像スライダーがあります。しかし、私には問題がありますdocument.ready()

私はこの問題について検索しましたが、誰もが使用するように言っています:

$(document).bind('pageinit', function() {});

しかし、私はスライダーがしたいと思います

$document.ready ( or I can't run)

スライダー名はbxslider(bxslider.com)

私はそのためのさまざまな解決策を考えています:

  1. jquery モバイルの ajax 読み込みを無効にすると、すべてのページがリロードされ、ドキュメントの準備が整います。

  2. 画像スライダーを変更します。

誰か提案がありますか？

編集：コードを追加するのを忘れました申し訳ありません http://d.pr/n/SNW7

4

2 に答える 2

0

のようなイベントを使用しますpageshow pagehide

$( 'div' ).on( 'pageshow',function(event, ui){
  alert( 'This page was just hidden: '+ ui.prevPage);
});

$( 'div' ).on( 'pagehide',function(event, ui){
  alert( 'This page was just shown: '+ ui.nextPage);
});

http://jquerymobile.com/demos/1.2.1/docs/api/events.html

または何かのような

$(document).on('pagebeforeshow', '#index', function(){ 
    $('.bxslider').bxSlider({
        slideWidth: 360
    });    
});
于 2013-10-07T13:26:15.830 に答える