0

JavaScript コード

/* ---------- サブメニュー ---------- */

$('.dropmenu').click(function(e){

    e.preventDefault();

    $(this).parent().find('ul').slideDown();

});

ウェブページのコード

    <li>
        <a class="dropmenu" href=""><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Databases</span></a>
        <ul>
            <li><a class="submenu" href="/rinks"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Rinks</span></a></li>
            <li><a class="submenu" href=""><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Users</span></a></li>
        </ul>   
    </li>

だから私は、要素 "a class="dropmenu" href=" がクリックされたときにドロップダウンメニューを展開するようにトリガーするこのコードを持っています。

別の要素に値が設定されているときにこのイベントをトリガーしようとしていますが、コンソールからスライドダウン関数を呼び出す方法がわかりません。

click() コマンドでトリガーしたくありません。$(this).parent().find('ul').slideDown(); を実行できるようにしたい ただし、コンソール側から。そうすれば、slideToggle などの他の関数を呼び出すことができます。基本的に、クリックイベントではなくスライドダウンをトリガーするために以下のコードを実行できるようにしたいので、クリックイベントを削除します。

    $(document).ready(function(){
   //Message functions
    if (document.getElementbyId("testing").value == "BestGame"){
        $(this).parent().find('ul').slideDown();

    }
4

1 に答える 1

2

クリックイベントで呼び出されるメソッドを宣言できます

 $('.dropmenu').click(function (e) {
     var el = this;
     e.preventDefault();
     toggleMenu(el);
 };
 var toggleMenu = function (el) {
     $(el).parent().find('ul').slideDown();
 }

したがって、コンソールから行う必要があるのは、

 toggleMenu('.dropmenu')
于 2013-05-30T01:43:19.733 に答える