Jquery 鼠标单击时,下拉窗体消失
我的下拉列表中有一个表单,单击该表单就会消失Jquery 鼠标单击时,下拉窗体消失,jquery,forms,drop-down-menu,twitter-bootstrap,onclick,Jquery,Forms,Drop Down Menu,Twitter Bootstrap,Onclick,我的下拉列表中有一个表单,单击该表单就会消失 我试过jquery $(function() { // Fix input element click problem $('.dropdown-menu').find('form').click(function (e) { e.stopPropagation();
我试过jquery
$(function() {
// Fix input element click problem
$('.dropdown-menu').find('form').click(function (e)
{
e.stopPropagation();
});
});
但这并不能解决我的问题这是我的密码
<li class="dropdown" style="float:right">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" style="text-decoration:none">
<img src="img/button.png" style="float:right;"/>
</a>
<ul class="dropdown-menu">
<form action="" method="post">
<li>
<input type="text" class="input-large" id="name" name="name"/>
</li>
<br>
<li>
<input type="password" class="input-large " id="pass" name="pass"/>
</li><br>
<input type="submit" value="submit"/>
</form>
</ul>
</li>
将您的代码放在JSFIDLE上,以便我们知道确切的行为。还可以尝试添加更多关于您的问题的详细信息。您的意思是什么???它的父级是否有其他事件处理程序。。如果是,那么发布也会有帮助,您可能会将一些事件处理程序绑定到下拉菜单,该菜单在单击其子项时隐藏菜单。我们可以看看下拉列表是如何完成的吗?
{
function d()
{
a(b).parent().removeClass("open")
}"use strict";
var b='[data-toggle="dropdown"]',c=function(b)
{
var c=a(b).on("click.dropdown.data-api",this.toggle);
a("html").on("click.dropdown.data-api",function()
{
c.parent().removeClass("open")
}
)
};
c.prototype={
constructor:c,toggle:function(b)
{
var c=a(this),e=c.attr("data-target"),f,g;
return e||(e=c.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,"")),f=a(e),f.length||(f=c.parent()),g=f.hasClass("open"),d(),!g&&f.toggleClass("open"),!1
}
},a.fn.dropdown=function(b)
{
return this.each(function()
{
var d=a(this),e=d.data("dropdown");
e||d.data("dropdown",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.dropdown.Constructor=c,a(function(){a("html").on("click.dropdown.data-api",d),a("body").on("click.dropdown.data-api",b,c.prototype.toggle)
}
)
}