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);
});
});
你確定你正確地在你的頁面中包含了jquery,而'
對不起,我不能評論卻又如此...
看到什麼ianace說。
看看您是否在腳本標記之後包含了jquery腳本標記。您的代碼腳本有依賴關係後裝載,像這樣:
來源
2012-01-31 07:03:02 BernardoFire
感謝隊友,但正如我所說,我做了所有這些事情。唯一的問題是,當我刪除單詞「easeOutBack」的東西恢復正常,但奇怪的是在JsFiddle工作正常...... – 2012-01-31 07:48:45
可能與函數名稱衝突,更好地檢查其他。包括js文件,其中不會與其他功能衝突 – ianace 2012-01-31 08:07:53
我在這裏是新的,不知道如何放置完整的代碼,所以現在我可以更新主要問題添加代碼的其他部分,而無需造型。您可以在JSfiddle中查看詳細信息。 – 2012-01-31 08:55:52
希望這有助於:
使用jQuery file.js如果需要,您可以使用谷歌的這一點,也jQuery的UI代替。 這更具動態性,您可以更改要使用的版本。
之後,把你的JS與jQuery功能(你的jsfiddle得到的代碼):
它應該工作。
來源
2012-01-31 07:11:21
謝謝隊友,但那並沒有解決問題。奇怪的是,當我刪除單詞「easeOutBack」時,代碼再次開始工作。所以我有點困惑,假設緩解效應在某個地方出了問題... – 2012-01-31 07:47:25
我更新了我的第一個問題,提供了完整的代碼,但沒有風格。我是新來的,不知道如何一次添加完整的代碼。所以這裏是身體: – 2012-01-31 08:51:05