2016-04-12 106 views
0

我最近不得不從網絡存檔重建一個網站。客戶端網頁開發disapeared ..反正我得到everyting工作,除了運行flexslider的JavaScript。Javascript問題,flexslider腳本沒有加載

去gervee.com看一邊,如果你點擊箭頭它什麼也不做。控制檯顯示這個錯誤:

未捕獲的ReferenceError:jQuery的上沒有線12

此處定義是代碼

jQuery的( 'flexslider。')flexslider({動畫: 「滑動」});

還沒有看到JavaScript文件,它似乎有flexslider代碼。但不知道下一步該怎麼做。

+1

不確定接下來要做什麼?你需要包含jQuery。你可能有flexslider,但flexslider取決於你已經加載jQuery。 –

回答

0

嘗試moveing該行腳本後剩下的,然後用

$(document).ready(function() { 
    // code here 
}); 
+0

我也試過這個以及 –

0

這裏surounding的代碼是什麼gervee.com擁有目前:

<script type="text/javascript"> jQuery('.flexslider').flexslider({ animation: "slide" });</script> 
<script type="text/javascript"> document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/'; </script> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> window.jQuery || document.write("<script src='/sites/all/modules/jquery_update/replace/jquery/1.5/jquery.min.js'>\x3C/script>") </script> 

它試圖使用jQuery在它被加載之前。嘗試將其更改爲這個(加載的jQuery後移至flexslider於):

<script type="text/javascript"> document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/'; </script> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> window.jQuery || document.write("<script src='/sites/all/modules/jquery_update/replace/jquery/1.5/jquery.min.js'>\x3C/script>") </script> 
<script type="text/javascript"> jQuery('.flexslider').flexslider({ animation: "slide" });</script> 

另外,我知道你只是試圖讓這個備份和爲他們工作,但最好你不希望加載腳本<head>。最好在<body>的底部引用它們,並使用$(function() { ... })在document.ready上執行任何JavaScript,而不是內聯(如LukasGuptaLeary在他的答案中所述)。這使得頁面加載速度更快,並有助於防止在加載之前使用的東西出現問題。只是覺得有必要提到這一點。

+0

嗯仍然沒什麼,但我確實把它移動到 –

+0

以下。錯誤消失了嗎?也許這是一個不同的問題現在 – bpursley

+0

我再看看你的網站。它看起來像jQuery正在加載,但也許是重新定義$。你可以替換這個''看看會發生什麼? – bpursley