javascript - 根据日期显示/隐藏 div，Dreamweaver 错误？

Question

我在http://jsfiddle.net上创建了这段代码，在对工作代码感到满意后，我把它带到了 Dreamweaver。我无法让代码出现。这是代码：

HTML

    <script src="Java.js"></script>

    <div id="one" style="display:none">
    <p>在此处显示直到选定日期的项目。</p>
    </div>
    <div id="two" style="display:none">
    <p>选定日期</p>
    </div>
    

Javascript

    window.setInterval(函数()
      {
      var current = new Date();
      var expiry = new Date("这里的日期")
      
      if(current.getTime()>expiry.getTime()){
        $('#one').hide();
        $('#two').show();
      }


}, 0000);

$('#one').show(); 
</pre>

我不明白为什么它会出现在小提琴而不是 Dreamweaver 中。

Answer 1

您不能在主脚本中显示。您必须将其包装在 document.ready 或 jQuery $.ready() 函数中。

否则 DOM 没有加载并且没有 div 可以显示。我认为 jsFiddle 会自动包装你的代码。

这是 .ready() http://api.jquery.com/ready/上的 jQuery 文档

啊，是的，而且 jsFiddle 可能已经包含 jQuery --- 所以你必须在正文或标题的某个地方手动完成。

  <script src="pathtojquery.js" type="text/javascript"/>