0

HTML/CSS/JavaScript を再学習しようとしていますが、構築中のサイトで問題が発生しました。私は Squarespace にいて、jQuery を実装しようとしています。私は単純なコードを持っていますが、うまくいきません。私が間違っていることを教えてください。

これは私の「ページヘッダーコードインジェクション」にあります

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

そして、これは私の実際のページにあります：

<div id="accordion">

<h3>Section 1</h3>
  <div>
    <p>
      Blah
    </p>
  </div>
  <h3>Secion 2</h3>
  <div>
    <p> lalala
    </p>
   </div>
</div>

「text/javascript」を宣言する必要がありますか? 「https」を追加したり、HTML5を宣言したりしてみました...

助けてください！あちこち探しました。

ありがとうございました。

4

4 に答える 4

3

jQuery UI アコーディオンを使用するには、次のように設定する必要があります。

 <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
 </script>

また、HTML マークアップがアコーディオン プラグインで期待されるものと一致することを確認してください。

<div id="accordion">
    <h3>Section 1</h3>
    <div>
        <p>Lorem</p>
    </div>
        <h3>Section 2</h3>
    <div>
        <p>Ipsum</p>
    </div>
</div>

最後に、jQuery UI の CSS も含めていることを確認してください。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

このリンクを参照してください: http://jqueryui.com/accordion/

于 2013-03-29T18:36:54.507 に答える
3

from localを使用している場合は、file://存在しないものを探します。これを使って：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script>$(function() {$( "#accordion" ).accordion();});</script> <!-- To call accordion-->

編集: を使用//して、js コンソールでエラーを確認します。 ここに画像の説明を入力

于 2013-03-29T18:33:00.117 に答える
3

jQuery UI から実際にアコーディオン ウィジェットを使用したいと思いますか? その場合、実際にコードを実行して、それを実行したいことを jQuery に伝える必要があります。

タグが 2 つのスクリプトをインポートした後、これを追加します。

<script>
 $(function() {
     $( "#accordion" ).accordion();
 });
</script>

これは、jQuery に id を持つタグを見つけてaccordion関数を実行するように指示します.accordion()。これにより、jQuery UI でそれがアコーディオン ウィジェットに変わります。

http:また、URL を使用しないプロトコルは、コードを変更せhttpsずに切り替えることができるように設計されていることにも注意してください。残念ながら、ファイル システム ( file:) からページを実行している場合は、ローカル ハード ドライブからスクリプトを読み込もうとするため、機能しません。http:ローカルで実行している場合は、URL の先頭に明示的に追加します。

于 2013-03-29T18:33:39.007 に答える
2

アコーディオン UI ウィジェットを使用するには、次のようにインスタンス化する必要があります。

  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>

外部ソースがロードされた後。

これはドキュメントにあります: http://jqueryui.com/accordion/

「ソースを表示」リンクをクリックします。

于 2013-03-29T18:33:56.257 に答える