单击未按预期工作
我有这样的代码：
$(document).ready(function() {
$('#list2').click(function() {
if ( !$('#text2').is(":visible") ){
$(".shownText").slideUp(100).removeClass('.shownText');
$('#text2').slideDown(500);
}
});
});
html for text2:
<div id="svceText">
<div id="text2" class="shownText">
<p>.......</p> </div>
</div>
html for list2:
<div id="svceContent">
<div id="list2"><h3><a href="">blah blah</a></h3></div>
</div>
单击 list2 不会在 text2 上产生正确的幻灯片 - text2 的顶部几个像素显示，或者根本不显示任何内容（每次单击都有不同的结果）。 FF4/64bit 和 IE7/8/9 中出现问题。
可以在此处查看页面。
我尝试将脚本修改为：
$('#list2').bind('click', function() {
但没有成功。呃呃……
I have this code:
$(document).ready(function() {
$('#list2').click(function() {
if ( !$('#text2').is(":visible") ){
$(".shownText").slideUp(100).removeClass('.shownText');
$('#text2').slideDown(500);
}
});
});
html for text2:
<div id="svceText">
<div id="text2" class="shownText">
<p>.......</p> </div>
</div>
html for list2:
<div id="svceContent">
<div id="list2"><h3><a href="">blah blah</a></h3></div>
</div>
Clicking on list2 isn't producing a correct slideDown on text2 - the top few pixels of text2 show, or nothing at all (different outcome with each click). Problem occurs in FF4/64bit and IE7/8/9.
Page can be viewed HERE.
I've tried modifying the script to:
$('#list2').bind('click', function() {
but no luck. Erghhh...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我只需在锚标记的 href 属性中添加井号/井号 (
#)。现在，点击功能就像梦想一样工作。我可以摆脱那些使该网页变得混乱的无关鼠标悬停事件。I just had to put a hash/pound sign (
#) in the href attribute for my anchor tags. Now the click functions works like a dream & I can get rid of the extraneous mouseover events that were making this web page a confusing mess.