尝试.show()和.hide()不起作用

时间:2014-03-24 07:03:01

标签: javascript jquery

<div id ="instant-view">
<textarea id="upload-data-text" placeholder="Copy & paste your data here"></textarea>
</div>

<script>
$("#instant-view").hide();
</script>

这里是id&#34;#instant-view&#34;没有隐藏,我没有弄错。 我正在使用jquery

6 个答案:

答案 0 :(得分:3)

将代码包含在文档就绪事件中,例如

$(document).ready(function(){
  $("#instant-view").hide();
})

<强> Working Fiddle

答案 1 :(得分:3)

添加$(function () {});

<script>
$(function () {
    $("#instant-view").hide();
});
</script>

答案 2 :(得分:1)

您缺少$(document).ready(function(){});

使用,

$(document).ready(function(){
 $("#instant-view").hide();
});

答案 3 :(得分:0)

使用文档准备中的代码

$(document).ready(function(){

$("#instant-view").hide();
});

答案 4 :(得分:0)

试试这个

$(window).load(function() {
    $("#instant-view").hide();
});

答案 5 :(得分:0)

首先,请确保您已包含jQuery或正确引用它,通常我会使用Google CDN:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

其次,如果您将代码放在页面的末尾,那么它很好,但如果您将jQuery代码放在<head>部分中,那么您需要将其包装在DOM ready handler { {1}}确保所有DOM元素都已正确加载。

$(function() {...});

您的最终代码应如下所示:

$(function() {
    $("#instant-view").hide();
});