在jsfiddle中完美工作，但不在實時網站中。爲什麼？

網站測試頁：http://www.lantiis.com/indexold.html 在jsfiddle中完美工作，但不在實時網站中。爲什麼？

的jsfiddle：http://jsfiddle.net/Guhb4/7/

我收到的幫助與jQuery和它完美的作品中的jsfiddle。（作爲Lantiis的臨時登錄：Can independently show/hide. How do I hide on show?）

當我傳送代碼時，除圖像之外的所有內容都工作正常。背景圖像顯示出來，鏈接圖像顯示出來，但不包含具有網站內容的主要圖像，這是我需要jQuery的。當我將代碼轉移時，我不知道我做錯了什麼。

我相信這只是我的一個愚蠢的錯誤，但是由於我還在學習js，所以我現在處於完全失敗的狀態。直到我發佈我的第一個問題，並且看到我的代碼與幫助我的用戶代碼相比有多混亂，我認爲這很不錯。

任何和所有的方向和批評是受歡迎的。

來源

2011-06-03 Lantiis

在JSFiddle你有Javascript開始OnLoad。也許你忘了把這個「show-images」代碼關聯到你的live站點的這個處理程序？ – 2011-06-03 03:37:16

另外，如果您的上一個問題已解決（您鏈接到的那個問題），則應通過單擊幫助您的答案旁邊的複選框來選擇答案。 – Jeff 2011-06-03 03:51:25

我希望我能記下哪一個我使用過（他們都像這些帖子一樣幫助），但是因爲我使用了臨時登錄，所以沒有可用的複選標記。 :(我沒有足夠的代表投票了 – Lantiis 2011-06-03 14:07:16

您需要在您的HTML中包含jQuery庫。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

http://docs.jquery.com/Downloading_jQuery

，敷jQuery代碼如下所示：

<script type="text/javascript"> 
    $(document).ready(function() { 
     //Your code here 
    }); 
</script>

http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready

來源

2011-06-03 03:42:26 Callum

非常感謝你！我知道我忘記了一些簡單的東西，並感謝你的資源鏈接！它們非常有幫助。 – Lantiis 2011-06-03 14:04:21

除了包括jQuery庫（由卡勒姆提到的），並把你的代碼在一個onload函數中（正如CleverQuack所提到的），你的腳本還需要有一種文本/ javascript，而不僅僅是javascript。像這樣的東西應該工作：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('#mask > div:first-child').show(); 
$('#top a').click(function() { 
    var keyterm = $(this).attr('title'); 
    $('#mask > div').hide(); 
    $('div[id=' + keyterm + ']').slideDown('slow'); 
}); 
}); 
</script>

來源

2011-06-03 03:46:06 Jeff

在jsfiddle中完美工作，但不在實時網站中。爲什麼？

回答

相關問題