私はJavascriptですばらしくなく、現在はdivにアコーディオン機能を追加しようとしていますので、追加の詳細を明らかにすることができます。これは、問題http://txf4199.cias.rit.edu/mobile-test-4/index.html#workjQuery/Javascriptのキャンセル(または上書き?)
、私の現在の携帯電話のウェブサイトである:私は「もっと見る」をクリックすることができ、それがコンテンツを明らかにするようアコーディオン効果が正常に動作します。ただし、サイトの上部でフィルタを使用すると(「モバイル」、「モーション」など)、アコーディオン効果はもう働きません。
FYI:フィルタは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が問題になる以上のことを考えたが、私はどこかわからないので、それは許容だしました他に見る。どんな助けもありがとう、私は鷹のようにこのポストを見ています、事前に感謝!
はできません、quicksand.jsは、Google AJAXのjqueryのに依存している、とjqueryの携帯電話は、1.7.1 &それに追加し、私はデフォルトの折りたたみ可能な振る舞いをするだろう、唯一のことは、ということであるに依存していますそれが可能でない限りアニメーション化されませんか?これは基本的に私がこれをやっている主な理由です。 – sydas
jquery 1.7.1で動作する代替プラグインを探します。または、jqueryで自分の動画をアニメーション化するだけです。とにかく、私はpageinitへのバインディングを提案しています。いくつかの問題に役立つかもしれません。 – codaniel
すでにページを試してみましたが、成功しませんでした。すべてのページは、複数のページではなく、1つのhtmlで構築されています。私はこれを試しました:
$(document).on('pageinit','[data-role=page]',(function() { $('.accordionButton').click(function() { $(this).next().slideToggle(); }); });
私はそれを正しくやったと思う...プラグインに関しては、最近のアップデートはありません。 もう1つ、私は自分自身をアニメーション化することができると述べました。jquery、それがどのように機能するかの例を教えてください。私はちょうど簡単なスライドアップ/ダウンの効果を探しています – sydas