0

私はJavascriptが苦手で、現在、アコーディオン関数をdivに追加して、追加の詳細を明らかにしようとしています. これは私の現在のモバイル Web サイトです。http://txf4199.cias.rit.edu/mobile-test-4/index.html#work

問題: [もっと見る] をクリックすると、アコーディオン効果が正常に機能し、コンテンツが表示されます。ただし、サイトの上にフィルター (「モバイル」、「モーション」など) を使用すると、アコーディオン効果が機能しなくなります。

参考までに: フィルタは quicksand.js (フィルタリング プラグイン) と main.js (カスタム スクリプト) を使用していますが、アコーディオン効果は非常に小さいため、単純にインライン スクリプトを使用しています。

これが私のjsファイルのリストです：

<!-- jQuery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('.accordionButton').click(function() {
            $(this).next().slideToggle();
        });
    });
</script>

私はすでにドキュメントの準備ができている関数を調べました.1つ以上が問題になると思いましたが、それは許容できるので、他にどこを見るべきかわかりません. どんな助けでもいただければ幸いです。私はこの投稿をタカのように見ています。事前に感謝します!

4

1 に答える 1

0

jquery 1.5 への参照を削除してみてください。jquery 1.7.1 と jquery 1.5 の両方が含まれています。これにより、いくつかの問題が発生する可能性があると思います。また、jqm に焼き付けられたデフォルトの折りたたみ可能な動作を使用してみてください。ここで詳細を読むhttp://jquerymobile.com/demos/1.1.0-rc.2/docs/content/content-collapsible.html

アップデート：

ああ、またドキュメントの準備ができていません。代わりに、pageinit イベントにバインドします。

$(document).on('pageinit','[data-role=page]',function(){
    put code that you want for every page here.
});
于 2012-04-10T02:32:40.777 に答える