首页 文章

尝试使用jquery显示div元素

提问于
浏览
-5

我想默认隐藏div元素,当你单击css按钮时它应该在中心显示div元素,到目前为止我已经尝试了下面的代码但是在使用时它根本不显示div元素display:none“with .show jquery . 我想我弄乱了文本按钮链接部分 .

jQuery的

<div class="social" style="display:none">some text</div>
<script>    
$("s").click(function(){
$("social").show();
});
</script>

HTML

<li id="s"><a href="#s"> <text class="s">Social</a></li></text>

“社交”文本是一个css按钮 .

编辑:现在修复,是一个愚蠢的错误,对不起 .

6 回答

  • 0

    你必须更换

    <script>    
      $("s").click(function(){
        $("social").show();
      });
    </script>
    

    通过

    <script>    
      $(function() {
        $("#s").click(function(){
          $(".social").show();
        });
      });
    </script>
    

    $(function() { ... })$(document).ready(function() { ... }); 相同

    如果您不等待文档准备就绪,则jquery无法访问您的s元素 .

  • 0

    尝试将您的代码放入DOM准备就绪,并且您当前缺少 #id. 为目标 class ,代码应为:

    $(document).ready(function() {
       $("#s").click(function(){
            $(".social").show();
       });
    });
    
  • 1

    试试:

    $("#s").click(function(){
        $(".social").show();
    });
    

    您错过了 . 这是类选择器而 # 是ID选择器 .

  • 1

    您的选择器是错误的,它应该像CSS: # 表示id,而 . 表示类 .

    $("#s").click(function(){
        $(".social").show();
    });
    
  • 1

    首先,确保在DOM准备好之前不会执行您的代码 . 因此,用以下内容包装:

    $(function() {
        // Your code here
    });
    

    其次,您在代码中缺少ID和CLASS标识符:

    <div class="social" style="display:none">some text</div>
    <script>    
        $("#s").click(function(){
            $(".social").show();
        });
    </script>
    
  • 1

    尝试使用“#”作为ID和“ . ” . 对于CLASS

    $("#s").click(function(){
        $(".social").show();
    });
    

相关问题