Question

我想点击show() "<div id="test">write text here</div"，而不是页面加载。

<script type="text/javascript">
$(document).ready(function(){

    $("#click_test").stop(function(event){
        event.preventDefault();
        $("#test").slideup();
    });

    $("#click_test").click(function(event){
        event.preventDefault();
        $("#test").toggle();
    });

});
</script>

</head>

<body>

<a href="#" id="click_test">Click Here</a>
<div id="test">write text here</div>

由于

Answer 1

最好的解决方案（imho）是隐藏它而不是使用Javascript来实现。

至于链接，只返回false以停止浏览器进入href。如果你想要链接来切换div，那么用toggle（）替换show（）。您当然可以使用任何其他jQuery效果（例如幻灯片或淡入淡出）。

<style type="text/css">
#test { display: none; }
</style>
<script type="text/javascript">
$(function() {
  $("#click_text").click(function() {
    $("#test").show();
    return false;
  });
});
</script>
<a href="#" id="click_test">Click Here</a>
<div id="test">write text here</div>

Answer 2

在您的javascript中添加$("#test").hide();：

  <script type="text/javascript">
    $(document).ready(function(){
        $("#test").hide();

        $("#click_test").stop(function(event){
            event.preventDefault();
            $("#test").slideup();
        });

        $("#click_test").click(function(event){
            event.preventDefault();
            $("#test").toggle();
        });

    });
  </script>

或者在你的html中：

<div id="test" style="display:none">write text here</div>

给出相同的结果

Answer 3

您应该使用：

<div id="test" style="display:none">write text here</div>

注意：在这种情况下，对于浏览器，如果停用了javascript，div将保持隐藏状态如果您希望这些浏览器看到div，请改为使用：

$(function() {
    $("#test").hide();
});

如何在页面加载时禁用jquery中的show（）？

3 个答案: