我的網頁的滾動/滾動文字

我收到了一個自動滾動程序 - 一個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>

來源

2013-12-23 Harinisanthosh

如果你爲這篇文章創建了一個JSFiddle，那將更有助於理解代碼。否則，每個人都必須在本地機器上創建相同的東西。 http://jsfiddle.net/ – Rubyist

是的，頭部部分中js頁面的順序很重要，因爲有很多依賴jQuery lib的api，所以最好先保存jQuery lib訂購。在你的情況下，你是否通過控制檯獲得任何特定的錯誤信息 – dreamweiver

的，如果你想使用jQuery，你必須先連接到這一點，你之前是它的問題什麼樣的順序把你的JavaScript文件例如第一。鏈接到一個jQuery組件，你不應該使用它的2個不同版本。你鏈接到js/jquery-1.10.1.min.js和jquery-1.3.2.min.js ..堅持一個。

您是否嘗試過比較源代碼？既然你說它在一個地方運作良好，而不是另一個地方，那裏可能有不同的東西。

來源

2013-12-23 11:57:28 DrexxDK

感謝您的意見。我得到了它的工作。 :) – Harinisanthosh

我的網頁的滾動/滾動文字

回答

相關問題