根据日期显示/隐藏div,Dreamweaver错误?

时间:2013-01-29 01:32:12

标签: javascript date html dreamweaver

我在http://jsfiddle.net上创建了这段代码,在对我将其带到Dreamweaver的工作代码感到满意之后。我不能让代码出现。这是代码:

HTML     

    <script src="Java.js"></script>
<div id="one" style="display:none"> <p>Displays Items Here Until Selected Date.</p> </div> <div id="two" style="display:none"> <p>Selected Date</p> </div>
使用Javascript     
    window.setInterval(function()
      {
      var current = new Date();
      var expiry  = new Date("Date Here")
      
      if(current.getTime()>expiry.getTime()){
        $('#one').hide();
        $('#two').show();
      }

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

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

1 个答案:

答案 0 :(得分:1)

您无法在主脚本中显示。你必须将它包装在document.ready或jQuery $ .ready()函数中。

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

这是关于.ready()http://api.jquery.com/ready/

的jQuery文档

啊是的,并且jsFiddle可能已经包含了jQuery ---所以你必须在body或header中的某个地方手动完成。

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