Question

Javscript代码

/ * ----------子菜单---------- * /

$('.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 =”。

我试图在另一个元素设置了值时尝试触发此事件，但我无法弄清楚如何从控制台调用slidedown函数。

我不想用click（）命令触发。我希望能够执行$（this）.parent（）。find（'ul'）。slideDown（）;但是从控制台方面来说。这样我就可以调用其他函数，比如slideToggle。基本上我希望能够敲响下面的代码来触发slidedown，而不是click事件，我会删除click事件。

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

    }

Answer 1

您可以在click事件中声明要调用的方法

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

所以你需要做的就是从控制台完成

 toggleMenu('.dropmenu')

Javascript控制台jquery slideDown函数

1 个答案: