2つめのjQueryを追加する

  • ShinichiN

    (@shinichin)


    14年、 7ヶ月前

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

    以前、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)

    14年、 7ヶ月前

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

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

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