jQuery hide隐藏并立即再次显示

Question

jQuery对我来说是一件奇怪的事：它不起作用，并且只将div隐藏一秒钟。 我究竟做错了什么？

有问题的代码，尽可能简单。

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Experiment</title>
<script type="text/javascript" 
           src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<script>

        function doHiding() {
           $("div.thread").each(function() {
                    $(this).hide();
           });
        }


</script>
<a href="" onClick="doHiding()">Hide</a>

<div class="thread">I like trains.</div>
</body>
</html>

我在Linux上使用Chromium。 我看到div瞬间消失了，但立即又出现了。

Answer 1

 function doHiding() {
       $("div.thread").each(function() {
                $(this).hide();
       });
      return false;
    }

它不会再次隐藏，而是刷新页面，因为href=""链接到同一页面

注意：我想您仅出于演示目的使用过onClick="doHiding()" （否则将在jquery范围内处理您的事件）

Answer 2

你可以尝试改变

<a href="" onClick="doHiding()">

成

<a href="#" onClick="doHiding()">

请参阅： http ： //jsfiddle.net/aVNuf/

Answer 3

尝试

href="#"

在这种情况下的工作

Answer 4

您可以在jquery中尝试click event ， instead doing it inline 。

http://jsbin.com/iseref/1/edit

HTML：

<a href="#">Hide</a>
<div class="thread">I like trains.</div>

jQuery的：

 $(function(){
    $('a').on('click', function(e){
     e.preventDefault();
     doHiding();
    });
 });
function doHiding() {
  $("div.thread").each(function() {
    $(this).hide();
  });
}

jQuery hide隐藏并立即再次显示

问题描述

4 个解决方案

解决方案1
3 已采纳 2013-02-07 07:57:13

解决方案2
1 2013-02-07 08:04:36

解决方案3
0 2013-02-07 08:07:08

解决方案4
0 2013-02-07 08:10:50

HTML：

jQuery的：

jQuery hide隐藏并立即再次显示

问题描述

4 个解决方案

解决方案1 3 已采纳 2013-02-07 07:57:13

解决方案2 1 2013-02-07 08:04:36

解决方案3 0 2013-02-07 08:07:08

解决方案4 0 2013-02-07 08:10:50

HTML：

jQuery的：

解决方案1
3 已采纳 2013-02-07 07:57:13

解决方案2
1 2013-02-07 08:04:36

解决方案3
0 2013-02-07 08:07:08

解决方案4
0 2013-02-07 08:10:50