jquery顯示和隱藏不工作？缺少的東西，我不能弄明白

這裏是我的代碼：jquery顯示和隱藏不工作？缺少的東西，我不能弄明白

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript">  
$(".social").hover(function() { 
     $("h1", this).hide(); 
     $(".networks", this).fadeIn(); 
    }, function() { 
     $(".networks", this).hide(); 
     $("h1", this).fadeIn(); 
    }); 
</script> 

<style> 
.networks { 
    display:none; 
} 
</style> 
</head> 

<body> 
<div class="social"> 
    <h1>Share this</h1> 
    <div class="networks"> 
     <p>Twitter</p> 
     <p>Facebook</p> 
    </div> 
</div>  

</body> 
</html>

當我http://jsfiddle.net/ppksR/嘗試，它的真正的工作，但是當我複製粘貼在我的Dreamweaver，它不工作。我錯過了什麼？？？任何幫助？

來源

2013-03-04 Kleigh Heart Garcia

jsfiddle正在將JavaScript代碼包裝到onLoad中，您應該這樣做。包裹腳本內容：

$(function() { 
    // your code 
});

要具有的jsfiddle模仿你在做什麼，改變onLoad到No wrap - in <head>

來源

2013-03-04 00:55:18

你的問題是基本的jQuery 101 ....元素不存在時，你的代碼正在射擊。

裹代碼document.ready或地點的代碼是指

API參考的元素後：http://api.jquery.com/ready/

另外值得一讀How jQuery Works在文檔爲更好的解釋。

編輯共振代碼在jsfiddle中的工作原因是在左上角的下拉框中顯示onLoad。

$(function(){ ..... 

});

這將確保代碼不會執行，直到瀏覽器讀取所有的HTML的：當選擇

來源

2013-03-04 00:55:47 charlietfl

你需要用它在負載處理小提琴自動換行代碼。目前您正在定義任何含有.social的元素之前執行代碼。

來源

2013-03-04 00:56:05

嗨@ Chacha102，我有同樣的問題。我試圖包裹它，它是這樣的： <腳本類型= 「文本/ JavaScript的」> \t \t $（函數（）{ \t \t $（「社會」。）懸停（函數（）{ \t。 \t $（「H1」，此）.hide（）; \t \t $（「網絡。」，這）.fadeIn（）; 「網絡」 \t \t}，函數（）{ \t \t $（，這個）.hide（）; \t \t $（「h1」，this）。淡入（）; \t \t}）; \t \t}）; \t 但仍然沒有效果... – 2013-03-04 01:03:03

你有沒有嘗試與其他編輯器/瀏覽器本地代碼？也許DW沒有正確加載jQuery。你是否將代碼粘貼到純文本文件並在瀏覽器中測試該頁面？

來源

2013-03-04 00:57:23 Fred

這只是閒置的腳本。

$(document).ready(function(e) { 
$(".social").hover(function() { 
    $("h1", this).hide(); 
    $(".networks", this).fadeIn(); 
    }, function() { 
    $(".networks", this).hide(); 
    $("h1", this).fadeIn(); 
    }); 
});

該行$(document).ready(function(e) {使其通過腳本啓動onLoad。

這就是你的代碼所做的。 http://jsfiddle.net/3SKqQ/

來源

2013-03-04 01:04:07

jquery顯示和隱藏不工作？缺少的東西，我不能弄明白

回答

相關問題