サポート » プラグイン » 2つめのjQueryを追加する

  • どうぞ、よろしくお願いいたします。

    以前、jqueryの使い方について質問させていただいたものです。
    もうひとつ、jQueryプラグインを使いたく、
    上記の質問で教えていただいたことを参考に、試しておりましたが、うまくいきません。
    ご教授をお願いできれば、大変助かります。どうぞ、よろしくお願いいたします。

    やりたいこと:
    droppyというjQueryプラグインを使ってナビゲーションバーをドロップダウンにしたい。
    http://onehackoranother.com/projects/jquery/droppy/

    試してみたこと:
    上記フォーラムでの質問で教えていただいたように、

    <?php wp_enqueue_style('droppy', get_bloginfo('template_url') . '/droppy/droppy.css'); ?>
    <?php wp_enqueue_script('droppy', get_bloginfo('template_url') . '/droppy/jquery.droppy.js', array('jquery'), false, true); ?>

    を加えました。
    <body>に、下記のコードを加えました。

    <ul id='nav'>
      <li><a href='#'>Top level 1</a></li>
      <li><a href='#'>Top level 2</a>
        <ul>
          <li><a href='#'>Sub 2 - 1</a></li>
          <li>
            <a href='#'>Sub 2 - 2</a>
            <ul>
              <li>
                <a href='#'>Sub 2 - 2 - 1</a>
                <ul>
                  <li><a href='#'>Sub 2 - 2 - 1 - 1</a></li>
                  <li><a href='#'>Sub 2 - 2 - 1 - 2</a></li>
                  <li><a href='#'>Sub 2 - 2 - 1 - 3</a></li>
                  <li><a href='#'>Sub 2 - 2 - 1 - 4</a></li>
                </ul>
              </li>
              <li><a href='#'>Sub 2 - 2 - 2</a></li>
              <li>
                <a href='#'>Sub 2 - 2 - 3</a>
                <ul>
                  <li><a href='#'>Sub 2 - 2 - 3 - 1</a></li>
                  <li><a href='#'>Sub 2 - 2 - 3 - 2</a></li>
                  <li><a href='#'>Sub 2 - 2 - 3 - 3</a></li>
                  <li><a href='#'>Sub 2 - 2 - 3 - 4</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href='#'>Sub 2 - 3</a></li>
        </ul>
      </li>
    </ul>

    footer.phpの、wp_footerの真下にある別のプラグインのコード、

    <script language="javascript">
    //<![CDATA[
    jQuery(document).ready(function($){
      $("#pikame").PikaChoose({show_captions:true, slide_enabled:true, auto_play:true, show_prev_next:false, slide_speed:3000, delay_caption:false});
      $("#pikame_user").PikaChoose({user_thumbs:true, show_prev_next:false});
    });
    //]]>
    </script>

    のすぐ下に、

    <script language="javascript">
    //<![CDATA[
    jQuery(document).ready(function($){
      $(function() {
        $('#nav').droppy();
    });
    //]]>
    </script>

    を加えました。

    ローカルで、テスト用のhtmlファイルを作成し、
    <head>内に、jQuery本体とこのプラグインの読み込み指定をし、
    <body>には、該当の(ドロップダウンされるべき)上記のリスト(ul id=”nav”)と、
    droppyのサイトで解説されていた、

    <script type='text/javascript'>
      $(function() {
        $('#nav').droppy();
      });
    </script>

    を書き込んでみたところ、きちんと動いていました。

    wp_enqueue_scriptにおけるハンドルが、’droppy’でよいのかどうか、理解が足りず、自信がありません。
    が、他の原因なのかもしれません。

    みなさま、どうぞ、宜しくお願い致します。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • kz

    (@kz)

    <script language="javascript">
    //<![CDATA[
    jQuery(document).ready(function($){
      $('#nav').droppy();
    });
    //]]>
    </script>

    と書きます。
    $(function() { は不要です。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「2つめのjQueryを追加する」には新たに返信することはできません。