2013-05-30 87 views
0

Javscript代碼JavaScript控制檯的jQuery了slideDown功能

/* ---------- ----------子菜單*/

$('.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(); 

    } 
+1

'$( 'dropmenu' ).trigger('click')' – adeneo

+1

'$('。dropmenu')。click();' – gdoron

+0

上面兩個是同義詞 – PitaJ

回答

2

可以聲明一個方法是在click事件從控制檯稱爲

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

因此,所有你必須做的是

toggleMenu('.dropmenu')