jQuery：点击时显示/隐藏 div 适用于 webkit，不适用于 mozilla
我已经构建一个网站几个月了，并且该网站的一个非常基本的部分做了一个简单的隐藏/显示 div。我只在 Chrome 中进行了测试，它的运行就像做梦一样。但今天我测试了 Firefox，但它不起作用。这是我的代码：
$(document).ready(function() {
$(".show_hide").bind("click", doSwitch);
function doSwitch() {
// Get the ID out of the id="" attr of the <a>
var ind = $(this).attr("id").replace("in", "");
var ud = $(this).attr("id").replace("out", "");
var pik = $(this).attr("id").replace("trigger", "");
// Hide all the blocks, because a block has been chosen!
$(".infobox").hide();
// Show the requested #ID
$("#in-"+ind).fadeIn(1);
$("#out-"+ud).fadeIn(1);
$("#trigger"+pik).fadeIn(1);
return false;
}
});
I've been building a site for months, and have a very basic part of the site doing a simple hide/show div. I've only been testing in Chrome, and it's been working like a dream. But today i tested out Firefox, and it didn't work. Here is my code:
$(document).ready(function() {
$(".show_hide").bind("click", doSwitch);
function doSwitch() {
// Get the ID out of the id="" attr of the <a>
var ind = $(this).attr("id").replace("in", "");
var ud = $(this).attr("id").replace("out", "");
var pik = $(this).attr("id").replace("trigger", "");
// Hide all the blocks, because a block has been chosen!
$(".infobox").hide();
// Show the requested #ID
$("#in-"+ind).fadeIn(1);
$("#out-"+ud).fadeIn(1);
$("#trigger"+pik).fadeIn(1);
return false;
}
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试：
$(".show_hide").click(doSwitch);另外，将
fadeIn(1)更改为show()即可速度要快得多，而不是尝试为其设置动画。Try:
$(".show_hide").click(doSwitch);also, change
fadeIn(1)to justshow()it will be a lot faster instead of trying to animate it.试试这个：
Try this: