Jquery 显示和隐藏不使用单击功能_Jquery

Jquery 显示和隐藏不使用单击功能

jquery

Jquery 显示和隐藏不使用单击功能,jquery,Jquery,给定的j查询代码隐藏dlop1和dlop2。但不要在单击时显示它们。请帮忙。 js上的链接也有类似的问题您在这些行中缺少分号（；）： $(document).ready(function(){ $('.dlop1').hide('fast'); $('.dlop2').hide('fast'); $('#dev1').click(function(){ $('.dlop1').show('slow') }); $('#dev2').cl

给定的j查询代码隐藏dlop1和dlop2。但不要在单击时显示它们。请帮忙。

js上的链接也有类似的问题

您在这些行中缺少分号（；）：

$(document).ready(function(){ 
   $('.dlop1').hide('fast');    
   $('.dlop2').hide('fast'); 

   $('#dev1').click(function(){ 
     $('.dlop1').show('slow')
   }); 

   $('#dev2').click(function(){ 
    $('.dlop2').show('slow')
   });  
});

使用

切换

来显示和隐藏，而不是

显示

$('.dlop1').show('slow')

$('.dlop2').show('slow')

jsidle:

根据你的信息，一切正常

HTML

$(document).ready(function(){ 
   $('.dlop1').hide('fast');    
   $('.dlop2').hide('fast'); 

   $('#dev1').click(function(){ 
     $('.dlop1').toggle('slow');
   }); 

   $('#dev2').click(function(){ 
    $('.dlop2').toggle('slow');
   });  
});

你的代码似乎没有什么问题。这一切看起来都很好，这意味着您必须进行调试

您可以通过将

console.log（）

放入要在单击时执行的代码中来调试代码

您的代码如下所示：

$(document).ready(function(){ 
   $('.dlop1').hide('fast');    
   $('.dlop2').hide('fast'); 

   $('#dev1').click(function(){ 
     $('.dlop1').show('slow')
   }); 

   $('#dev2').click(function(){ 
    $('.dlop2').show('slow')
   });  
});

您可能还希望在执行代码时检查控制台是否有错误，并仔细检查ID为

#dev1

的元素是否存在或没有拼写错误-这种情况有时会发生

此外，从更高版本的jQuery（取决于您使用的版本，例如1.7+

$）开始，（著名的line inc:）是将事件绑定到元素的首选方法
可以找到$.on（）
方法的文档
希望这有帮助，
祝你好运；）
 也许你可以这样做
$('#dev1').click(function() {
    console.log($(this)); //reference to #dev1 but this could be a string as well
    $('.dlop1').show('slow');
});


名称
函数注释（）
{
$（'.name'）。切换（3000）；
}
您可以在中发布问题的示例，或者至少在问题中添加您的HTML。没有明显的理由这不起作用。这段代码对我来说很有用。我假设这是你代码的一个相似版本？这可能是其他与之相冲突的东西。另外，尝试将click事件监听器放在ready事件监听器之外。使用切换
来显示和隐藏，而不是显示。click不推荐使用。我建议您使用$（）。在（“click”，function（）{}）分号在JS中不是必需的，它们不是必需的：）哇，我真的不知道！总是用分号：）好吧，如果你用行号分隔，那么是的。如果你把所有的东西都写在同一行，那就行不通了。而且，我相信你赢了；我不能缩小它，但我可能错了。是的！虽然在严格模式下（JS模式允许较少的空闲时间），我确实认为您必须用分号，但这里不是这样。@Alexey-您是100%正确的。不使用分号确实有缺点，出于压缩和一致性的目的，我建议添加分号：）谢谢。但它也适用于.show（）。请看：没有。dlop1和.dlop2在#dev1和#dev2中连续出现。
$('#dev1').click(function() {
    console.log($(this)); //reference to #dev1 but this could be a string as well
    $('.dlop1').show('slow');
});

<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

 <input type="text" class="name" style="display:none;">Name...</input>
  <input type="submit" onclick="comment();">



<script>


         function comment()
         {

         $('.name').toggle( 3000 );

         }

 </script>


</body>

</html>