0

次のhtmlを含むテンプレートファイルを含むctoolsコンテンツタイププラグインがあります。

<a id="blah">Click me</a>
<p class="green-button"><a href="#">Read the blog</a></p>
<ul class="buying-dropdown">

      <li class="first amazon"><a href="#">paperback</a></li>
      <li class="signed"><a href="#">Signed edition</a></li>
      <li class="kindle"><a href="#">kindle edition</a></li>
      <li class="hardback"><a href="#">hardback edition</a></li>
      <li class="last postcard"><a href="#">postcard edition</a></li>
</ul>

私は単にpボタンのマウスオーバーでulを表示し、ホバーして別の子liを選択している間状態を維持し、マウスアウトで消えようとしています。

javascriptファイルが呼び出されています。コンソールを見ると、コンソールは「called」と書いています。しかし、私の単純な「クリックして」ボタンテストは機能していません。私もメニューで主な目標（このチュートリアルhttp://www.queness.com/preview/1047/easy-to-style-jquery-drop-down-menu-tutorialに続く）を達成しようとしましたが、それはそうです私のスクリプトが呼び出されていないこと。助けていただければ幸いです。

(function ($, Drupal, window, document, undefined) {
    console.log('called');
    $('#blah').click(function() { console.log('clickity click')});
    //when someone mouseovers the buy book button
    //the menu will show (it is hidden by default  
    //the menu will stay open whilst hovering over   
    //on mouseout the menu disappears
})(jQuery, Drupal, this, this.document);
4

1 に答える 1

1

これが解決策でした。Drupal7でのJQueryの使用について最初に回答しました

  (function ($) {
    Drupal.behaviors.YOURTHEMENAME = {
    attach: function(context, settings) {

     console.log('called');
        $('#blah').click(function() { console.log('clickity click')});
        //when someone mouseovers the buy book button
        //the menu will show (it is hidden by default  
        //the menu will stay open whilst hovering over   
        //on mouseout the menu disappears
    }

    };
    })(jQuery);
于 2013-03-24T12:46:51.830 に答える