我的网页的字幕/滚动文字

时间:2013-12-23 11:51:56

标签: jquery scroll

我有一个自动滚动器 - 一个jQuery代码,用于从here滚动文本。

我必须在我的html网页上制作2个选框内容。

我使用了与页面中相同的代码内容并制作了测试页。测试页面工作正常。

我在页面中使用了相同的代码并尝试过。但它不能在线工作。它在我离线测试我的页面时有效。任何想法可能是什么问题?我需要建议。请帮忙。

将javascript页面放在head部分的顺序是否与它有关?

这是我的主管部分:

<head>
  <title>Page Title</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width"/>

  <link rel="shortcut icon" href="images/icon.ico" type="image/x-icon"/>
  <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
  <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.css" />
  <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="slide.css" rel="stylesheet" type="text/css" media="screen" />

  <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.timers.js"></script>
  <script type="text/javascript" src="js/jquery.autoScroller.js"></script>
  <script type="text/javascript" src="js/menu.js"></script>
  <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>
  <script type="text/javascript" src="js/jsDatePick.jquery.min.1.3.js"></script>

  <script type="text/javascript">
    window.onload = function(){     

      g_globalObject = new JsDatePick({
        useMode:1,
        isStripped:true,
        target:"calendar"
      });

      g_globalObject.setOnSelectedDelegate(function(){
        var obj = g_globalObject.getSelectedDay();
        alert("Selected date is : " + obj.day + "/" + obj.month + "/" + obj.year);
        document.getElementById("calendar_result").innerHTML = obj.day + "/" + obj.month + "/" + obj.year;
      });   

      g_globalObject2 = new JsDatePick({
        useMode:1,
        isStripped:false,
        target:"div4_example",
        cellColorScheme:"beige"
      });

      g_globalObject2.setOnSelectedDelegate(function(){
        var obj = g_globalObject2.getSelectedDay();
        alert("Selected date is : " + obj.day + "/" + obj.month + "/" + obj.year);
        document.getElementById("calendar_result").innerHTML = obj.day + "/" + obj.month + "/" + obj.year;
      });   
    };
  </script>

  <style type="text/css">
      .style1 {
        font-family: Verdana;
        font-size: 10pt;
      }
  </style>
</head>

1 个答案:

答案 0 :(得分:0)

首先是的,重要的是你的javascript文件的顺序。例如,如果你想使用jQuery,你必须首先链接到那个,然后链接到jQuery组件,你不应该使用它的2个不同版本。你链接到js / jquery-1.10.1.min.js和jquery-1.3.2.min.js ..坚持一个。

您是否尝试过比较源代码?既然你说它在一个地方工作得很好,而不是另一个地方可能会有不同的东西。