0

jQuery Mobile を他の Javascript ライブラリ (私の場合は Flexslider 2 ( http://flex.madebymufffin.com/examples/basic.html )) と連携させるのに大きな問題があります。

jQM に加えて flexslider を使用したいページがいくつかあります。残念ながら、サイトのリンクをクリックしても、スライダーが機能しないか、読み込まれません。

これは、jQM がページをロードする方法 (AJAX でロードして DOM を追加すること) が原因であることはわかっています。

「pageshow」や「mobileinit」などのイベントの使用方法を見つけるために何時間も探し回っていますが、うまく機能しないので、どんな助けも本当に感謝しています。

私が今していることは次のとおりです。

私のページの各 < head > 部分で：

<script src="js/jquery-1.7.2.js"></script>
<script src="js/jquery.mobile-1.1.0.js"></script>
<script src="js/jquery.flexslider2.js"></script>

<script type="text/javascript">
    $('#flexslider').bind('pageshow', function(){
        $('.flexslider').flexslider({
            animation: "slide",
        });
    });
</script>

これは、ページを手動でリロードすると機能しますが、自分のサイトのリンクからページにアクセスすると機能しません。

4

3 に答える 3

1

pageinit のコールバック内に配置してみてください。そのようです...

$(document).bind('pageinit', function(){ $('.flexslider').flexslider({ animation: 'slide' ); });

なぜこれが必要なのかについて、より知識のある人が声をかけることができると確信していますが、それが進むべき道であると99％確信しています.

楽しみ！

于 2012-06-13T14:05:25.380 に答える
0

私はこれと同じ問題を抱えていました。Jquery Mobile サイトのインデックス ページの Flexslider は、最初に移動したときには機能しますが、メニューまたは戻るボタンから戻ったときには機能しません。

「pageinit」イベントではなく「pageshow」イベントを使用したところ、完全に機能しました。

$(document).bind('pageshow', function() { $('.flexslider').flexslider({ アニメーション: "スライド", }); });

于 2013-10-02T09:21:50.600 に答える