下拉开关不能正常工作为Firefox-Android
Dropdown toggle not working properly for Firefox-Android
我有一个手动触发的下拉菜单,以便在它外部执行任何点击时关闭它(并且它是打开的)。
这段代码可以在所有浏览器中运行,除了Android的Firefox。为什么呢?
这就像事件参数没有到达函数
var dropdownClicked = function(event){
$('.dropdown').toggleClass('open'); //IT WORKS FOR ALL OF THEM
//$(this).toggleClass('open'); //IT WORKS FINE IN EVERY BROWSER BUT FIREFOX-ANDROID
//$(this)[0].toggleClass('open'); //IT WORKS JUST FOR FIREFOX-ANDROID
event.stopPropagation();
};
$('.dropdown').click( function(event){ dropdownClicked(event) });
然后我有一个适用于所有这些的版本:
$('.dropdown').click(function(event){
$(this).toggleClass('open'); //Works for all of them
event.stopPropagation();
});
如果你需要html。
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">Select projects <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="download">
<li>
<a id="show-game" class="show-tag">Game Development</a>
</li>
<li>
<a id="show-web" class="show-tag">Web Development</a>
</li>
</ul>
</li>
</ul>
在黑暗中射击:FF在"这个"上被绊倒了。尝试将"$(this)"作为参数传递给dropdownClicked函数,并将其命名为"X"。然后试试:X.toggleClass('open');
var dropdownClicked = function(event, X){
X.toggleClass('open');
};
$('.dropdown').click( function(event){ dropdownClicked(event, $(this)) });
http://jsfiddle.net/8d25m/相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- JS可以在Chrome中工作,但不能在Firefox中工作
- Facebook登录按钮没有'不能在Firefox上工作
- JS在firefox中无法正常工作
- firefox插件:退出不工作的应用程序观察器
- :focus:一起活跃,不在firefox上工作
- 加载Soundcloud嵌入式播放器OnClick在FireFox中不工作
- javascript()onclick隐藏元素-dos'我不在firefox工作
- 异步加载的SVG过滤器feColorMatrix在Chrome中工作,而不是在Safari或Firefox中
- Iframe加载调整大小在Chrome中工作,但不能在IE或Firefox中工作
- 按钮处于活动状态,焦点无法在Mac FireFox上工作
- HTML5 Canvas undo是'在IE或Firefox中无法正常工作
- javascript代码,用于删除firefox中的空白,但在IE和chrome中无法正常工作
- JavaScript 在 Chrome 中工作,而不是在 Firefox 中
- jQuery代码在Firefox中工作,但在IE中失败
- Javascript加载功能只能在一半的时间内工作(Firefox)
- jQuery点击不工作FireFox -可能是event.preventdefault
- JQUERY .load不能与窗口一起工作.firefox中的位置
- Javascript菜单不工作Firefox
- Jquery只在我重新加载页面时工作-Firefox