简单的Javascript在FireFox中不起作用(但在所有其他浏览器中都有效)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了简单的Javascript在FireFox中不起作用(但在所有其他浏览器中都有效),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1274字,纯文字阅读大概需要2分钟。
内容图文
![简单的Javascript在FireFox中不起作用(但在所有其他浏览器中都有效)](/upload/InfoBanner/zyjiaocheng/765/2c9c78990368445ba657cef3a58e37a0.jpg)
我有这个代码,我用它来在我的网站上的FAQ部分中显示一些问题的答案.单击该问题,下面显示包含答案的div.
它适用于Safari,Chrome,Opera甚至IE,但不适用于Firefox.
这些链接什么都不做.
任何想法,或任何更好的方法来做“常见问题”部分?我已经在我的页面中加载了jQuery,如果在那里可以做得更好,我不知道.还是仅限CSS的解决方案?
这是我的代码:
JS代码:
<script type="text/javascript">
function toggle(tag) {
if (tag.style.display=='') {
tag.style.display='none'
} else {
tag.style.display=''
}
}
</script>
HTML代码:
<a href="javascript: toggle(question1)">FAQ Question goes here</a>
<div id="question1" style="display:none">
<p>FAQ Answer goes here</p>
</div
解决方法:
说真的,我建议你使用jquery,你不会遇到这种问题而且它不到30 Kbs.
这是你寻找的:
无论如何,您应该始终使用:document.getElementByID来获取某个元素.
EDITED
这取决于HTML的结构,如果我遇到这种情况:
http://www.jsfiddle.net/dactivo/Qcm4G/
我会这样做:
$(".questionsheader").click(function(){
$(this).next("div").toggle(); }
);
其他一些考虑因素
>我不会使用“display:none”来获得简单但可能不实际的答案.没有启用JavaScript的人(如某些残障人士的软件所发生的那样)将无法阅读答案.这就是我用javascript隐藏答案的原因.只有启用了javascript,它们才会消失.
>您可以使用其他效果,如animate(),slidetoggle(),使其更有趣.
内容总结
以上是互联网集市为您收集整理的简单的Javascript在FireFox中不起作用(但在所有其他浏览器中都有效)全部内容,希望文章能够帮你解决简单的Javascript在FireFox中不起作用(但在所有其他浏览器中都有效)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。