JQuery在JSFiddle中工作，但不在我的網站上？

的jsfiddle ...JQuery在JSFiddle中工作，但不在我的網站上？

好吧，我需要一些幫助，一些JQuery的一個圖片輪播，我試圖創造。我把我從馬塞爾Gwerder這裏收到的代碼...

Checking if image has left its container?

而且我很感激他幫我解決我的代碼。現在由於某種原因，我無法獲得該代碼在我的網站上工作。它在JSFiddle中完美工作，但不在我的網站上。思考我一定錯過了一些東西，我更新了JSFiddle，將HTML，CSS和JQuery中的代碼複製並粘貼到JSFiddle中，然後再次運行。

動畫仍然有效，但顯然當我的圖像離開舞臺時觸發的代碼不是，因爲我沒有收到並在發生這種情況時發出警報。是什麼賦予了？

$(document).ready(function() { 
    var stage = $(".gallery"); 
    var stageoffset = stage.offset(); 
    var stageleft = stageoffset.left + 600; 
    var lastimage = $("img:last"); 

    function gallery() { 
      $("#image").animate({"margin-left":"+=100px"}, {duration: 1000, easing:  "linear", progress: checkBox}); 
    }; 
    var interv = setInterval(gallery, 1000); 

     function checkBox() { 
      if(!(typeof lastimage.offset() === 'undefined')) { 
     var imageoffset = lastimage.offset(); 
       var imageleft = imageoffset.left; 
      if(imageleft > stageleft) { 
        lastimage = lastimage.prev(); 
        alert("Passed to the right."); 
       }; 
       } else { 
        clearInterval(interv); 
       }; 
      }; 
     });

來源

2013-07-15 Allenph

任何錯誤拋出到控制檯？ –

通常這是因爲jquery庫沒有正確包含。你可以檢查一下嗎？ – Edward

控制檯沒有任何東西，會嘗試重新加載庫。 – Allenph

-2

愛德華是正確的，我redownloaded jquery文件，它的工作很好。我認爲我的問題是，當我第一次訪問jQuery頁面時，我在Chrome中，下載鏈接打開了文件的內容，並沒有下載它。之後，我只是複製頁面上的所有內容並粘貼到JS文件中。顯然不是要走的路。

爲了解決這個問題，我在Chrome中打開鏈接，右鍵單擊並將文件保存爲JS文件。這很好，對不起。

來源

2013-07-15 04:12:42 Allenph

JQuery在JSFiddle中工作，但不在我的網站上？

回答

相關問題