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();
}
最佳答案
您可以声明一个在点击事件中调用的方法
$('.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 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16826570/