2012-04-10 13 views
0

私は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が問題になる以上のことを考えたが、私はどこかわからないので、それは許容だしました他に見る。どんな助けもありがとう、私は鷹のようにこのポストを見ています、事前に感謝!

答えて

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. 
}); 
+0

はできません、quicksand.jsは、Google AJAXのjqueryのに依存している、とjqueryの携帯電話は、1.7.1 &それに追加し、私はデフォルトの折りたたみ可能な振る舞いをするだろう、唯一のことは、ということであるに依存していますそれが可能でない限りアニメーション化されませんか?これは基本的に私がこれをやっている主な理由です。 – sydas

+0

jquery 1.7.1で動作する代替プラグインを探します。または、jqueryで自分の動画をアニメーション化するだけです。とにかく、私はpageinitへのバインディングを提案しています。いくつかの問題に役立つかもしれません。 – codaniel

+0

すでにページを試してみましたが、成功しませんでした。すべてのページは、複数のページではなく、1つのhtmlで構築されています。私はこれを試しました: $(document).on('pageinit','[data-role=page]',(function() { $('.accordionButton').click(function() { $(this).next().slideToggle(); }); }); 私はそれを正しくやったと思う...プラグインに関しては、最近のアップデートはありません。 もう1つ、私は自分自身をアニメーション化することができると述べました。jquery、それがどのように機能するかの例を教えてください。私はちょうど簡単なスライドアップ/ダウンの効果を探しています – sydas

関連する問題