Javascript jqueryhide隐藏并立即再次显示_Javascript_Jquery

Javascript jqueryhide隐藏并立即再次显示

javascript jquery

Javascript jqueryhide隐藏并立即再次显示,javascript,jquery,Javascript,Jquery,jQuery对我来说有点奇怪：它根本不起作用，只在一瞬间隐藏了div。我做错了什么所讨论的代码尽可能简单 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Experiment</title> <script type="text/javascript" src="http://c

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>


实验
函数doHiding（）{
$（“div.thread”）。每个（函数（）{
$（this.hide（）；
});
}
我喜欢火车。

我在Linux上使用Chromium。我看到div消失了一秒钟，但它马上又出现了

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

它不会再次隐藏正在刷新的页面，因为

href=”“

链接到同一页面

注意：我猜您使用

onClick=“doHiding（）”

只是为了演示（否则在jquery范围内处理事件）

它不会再次隐藏正在刷新的页面，因为

href=”“

链接到同一页面

注意：我猜您使用

onClick=“doHiding（）”

只是为了演示（否则在jquery范围内处理事件）

您可以尝试更改

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


您可以尝试更改
<a href="" onClick="doHiding()">

试试看
href="#"

它在这种情况下起作用
试试看
href="#"

它在这种情况下起作用
您可以在jquery中尝试单击事件
，而不是内联执行它


html:

您可以在jquery中尝试单击事件
，而不是内联操作

html:

哦当然可以。你是对的。（我会尽快接受这个好答案，让我这么做。）我猜您使用onClick=“doHiding（）”只是为了演示（否则在jquery范围内处理您的事件）——如何做到这一点？我不知道，哦。当然可以。你是对的。（我会尽快接受这个好答案，让我这么做。）我猜您使用onClick=“doHiding（）”只是为了演示（否则在jquery范围内处理您的事件）——如何做到这一点？我不知道。谢谢，米卡昆稍微快一点，所以我给了他最好的答案。谢谢，米卡昆稍微快一点，所以我给了他最好的答案
 $(function(){
    $('a').on('click', function(e){
     e.preventDefault();
     doHiding();
    });
 });
function doHiding() {
  $("div.thread").each(function() {
    $(this).hide();
  });
}