jquery脚本执行后刷新回来

发布于 2024-11-09 01:33:46 字数 433 浏览 0 评论 0原文

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".comment").click(function(){
     $(".commentForm").slideToggle("slow");
  });
});
</script>
</head>

上面的脚本将从中滑入，但随后浏览器会再次刷新并将其带回原始模式，用户可以看到表单，而不是保持隐藏或滑入的表单。

我已经在 Chrome 和 Mozzilla 两种浏览器中尝试过刷新速度比firefox快。

为什么会发生这种情况是 jquery.js 造成的？

原文

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".comment").click(function(){
     $(".commentForm").slideToggle("slow");
  });
});
</script>
</head>

this script above will slide in a from but then somehow the browser refresh again and bring it back to original mode where user can see the form instead of staying with the form hided or slided in.

I have tried in two browser Chrome and Mozzilla in Chrome the refresh back is faster than firefox.

why is that happening is the jquery.js causing this ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

画中仙 2024-11-16 01:33:46

将 event.preventDefault(); 添加到函数末尾，

$('.comment').click(function(e) {
    $('.commentForm').slideToggle('slow');
    e.preventDefault();
});

这将阻止默认函数并避免刷新页面。这不是浏览器问题。

add event.preventDefault(); to end of your function

$('.comment').click(function(e) {
    $('.commentForm').slideToggle('slow');
    e.preventDefault();
});

this will prevent the default function and avoid from refreshing the page . and this is not a browser issue .

回复收藏 0 原文

携余温的黄昏 2024-11-16 01:33:46

确保通过从 click 事件处理程序返回 false 来取消链接的默认操作：

$('.comment').click(function() {
    $('.commentForm').slideToggle('slow');
    return false;
});

或者：

$('.comment').click(function(e) {
    $('.commentForm').slideToggle('slow');
    e.preventDefault();
});

如果此 .comment 选择器代表 < code>

Make sure you cancel the default action of the link by returning false from the click event handler:

$('.comment').click(function() {
    $('.commentForm').slideToggle('slow');
    return false;
});

or:

$('.comment').click(function(e) {
    $('.commentForm').slideToggle('slow');
    e.preventDefault();
});

If this .comment selector represents a <form> or an anchor and you don't prevent the default action the browser will simply redirect and the javascript might not have time to execute.

回复收藏 0 原文

~没有更多了~