2012-01-31 184 views
1

我遇到了一些問題,並試圖解決它。 jQuery緩衝代碼在jsfiddle上完美工作,但不再適用於本地主機上的測試服務器。當我刪除jQuery緩動效果,事情恢復正常,代碼工作正常...Jquery代碼適用於JsFiddle,但不適用於我的計算機

我想知道是否有代碼有問題嗎?這是與OnLoad函數有關的東西嗎?!!

<head> 
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
<script type="text/javascript"> 
    jQuery(function($) { 
    $('.topnav li').find('a[href]').parent().each(function() { 
     var li = $(this), 
     a = li.find('a'), 
     div = $('<div>' + '<\/div>'); 

     li.hover(function() { 
      a.stop().animate({marginTop: '-64'}, 600, "easeOutBack"); 
     }, 
     function() { 
      a.stop().animate({marginTop: '0'}, 500, "easeOutBack"); 
     }) 
     .append(div); 
    }); 
}); 

這裏是the JSFiddle code

+0

你確定你正確地在你的頁面中包含了jquery,而'

1

對不起,我不能評論卻又如此...

看到什麼ianace說。

看看您是否在腳本標記之後包含了jquery腳本標記。您的代碼腳本有依賴關係後裝載,像這樣:

<script src="jquery.js> </script> 
<script src="yours.js"> </script> 
+0

感謝隊友,但正如我所說,我做了所有這些事情。唯一的問題是,當我刪除單詞「easeOutBack」的東西恢復正常,但奇怪的是在JsFiddle工作正常...... – 2012-01-31 07:48:45

+0

可能與函數名稱衝突,更好地檢查其他。包括js文件,其中不會與其他功能衝突 – ianace 2012-01-31 08:07:53

+0

我在這裏是新的,不知道如何放置完整的代碼,所以現在我可以更新主要問題添加代碼的其他部分,而無需造型。您可以在JSfiddle中查看詳細信息。 – 2012-01-31 08:55:52

1

希望這有助於:

使用jQuery file.js如果需要,您可以使用谷歌的這一點,也jQuery的UI代替。 這更具動態性,您可以更改要使用的版本。

<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
    <script type="text/javascript"> 
     google.load("jquery", "1.7.1"); 
     //google.load("jqueryui", "1.7.3"); 
    </script> 

之後,把你的JS與jQuery功能(你的jsfiddle得到的代碼):

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

它應該工作。

+0

謝謝隊友,但那並沒有解決問題。奇怪的是,當我刪除單詞「easeOutBack」時,代碼再次開始工作。所以我有點困惑,假設緩解效應在某個地方出了問題... – 2012-01-31 07:47:25

+0

我更新了我的第一個問題,提供了完整的代碼,但沒有風格。我是新來的,不知道如何一次添加完整的代碼。所以這裏是身體: – 2012-01-31 08:51:05

相關問題