2016-05-27 9 views
0

を働いていない私はすべてのアコーディオンのセクションを展開して、その解決策を見つけた: http://www.bootply.com/peFUdnwOpZブートストラップアコーディオン:展開/折りたたむ全てが

私はJoomlaの中のコードをコピーしました。 ガントリー経由でJavascriptファイルをロードしました。私は記事内でjavascriptを読み込むことさえしようとしました。

しかし、動作しません。誰でも助けることができますか?

背景情報: bootstrap min.jsを追加する必要がありました。それ以外の場合は、「accordion」関数が正しく機能しませんでした。テンプレートはBootstrap 3.3.6で動作しています。

http://www.bootply.com/peFUdnwOpZでロードされた全く同じファイルを追加しようとしました。

  1. //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  2. //netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js
  3. //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css

次してみてください。私はJoomlaのプラグインを介してスクリプトをロードしました。 head/bodyタグの前と後に、ヘッダーと本文にスクリプトをロードしました。

何も機能しませんでした。

私はそれをトレースしました:別のテンプレートでは、3つのjavascriptを読み込む順番が非常に重要であると私は考えました。したがって、ヘッダーの終わりの前に手動で読み込むことは非常に重要です!最初のjquery.min.jsはbootstrap.min.jsよりもカスタムjavascript(例のリンクを参照)よりも機能しました。しかし、私自身のサイトでは、jQueryとブートストラップのjavascriptを正しく読み込む際にいくつかのエラーがあるようです。コンソールが言うので:

nullはオブジェクトではありません(評価 '$(' CLOSEALLを。 ')をクリックします。')

だから、それは他のJavaScriptファイルへのリンクをミス。多分いくつかは助けることができますか?

+0

一部のコンソールエラー:-)あなたのために働くかもしれ

$('.closeall').click(function(){ $('.panel-collapse.in') .collapse('hide'); }); $('.openall').click(function(){ $('.panel-collapse:not(".in")') .collapse('show'); }); 

希望?あなたのHTMLコードを共有できますか?# – cralfaro

+0

ありがとう!私はあなたが洞察力を得ることができるリンクを共有しました。(http://newyork.sta-lahr.de/index.php/no-solution2)十分でない場合、私はログインとftpを共有することができます。私のプロフィール)下の@niteshに、私は3つのファイルの名前を述べました、私は付け加えました。 – debe0813

答えて

2

は、私は、カスタムのjsファイルに次のコードを追加するのを忘れている可能性が信じている - これは

+0

ありがとうございます、私は考え出したように、javascriptはjqueryまたはbootstrap javascriptファイルとの接続がありません。ですから、上記のエラーがあります。 – debe0813

関連する問題