jquery內容動態

基本上我試圖編寫jquery在一個封閉div內切換對象的（div，class），並以三種不同的方式相應地替換它，具體取決於點擊的導航按鈕，默認爲着陸頁/動畫。jquery內容動態

我想替換着陸頁的內容來動態更改，所以我不會編寫三個單獨的代碼頁，只需在訪問者點擊兩個單獨的按鈕時更改一個div內的元素即可。我遇到的唯一問題可能是我的語法...我得到的代碼工作隱藏元素...這是鍵入下面，，因爲我試圖removeClass/addClass或toggleClass與它鬥爭數小時到沒有無濟於事。

這是我目前的版本---我現在質疑的另一件事是爲什麼.hide（this）;在我的第二個函數中淡出內容，而.hide（）本身不會褪色，我喜歡淡入淡出的效果，但我確信我可以找到正確的方法來做到這一點，因爲它可能是一個怪癖？不確定

**$(document).ready(function() { 
$("**#oneway**").click(function() { 
$("**.lee**:first").hide(); 
}); 
$("**#secondway**").click(function() { 
$("**.lee**:first").hide(this); 
});**

我會寫相應的HTML和CSS ，感謝您的時間閱讀

HTML

<div class="**enlosing**"> 

<nav> 
<ul class="Nav"> 

<li id="stuff"><a href="blah.html" target="_self" >STUFF</a></li> 
<li id="quality"><a href="**#oneway**" target="_self">QUALITY</a></li> 
<li id="stuff2"><a href="blahblah.html" target="_self">STUFFALSO</a></li> 
<li id="contact"><a href="**#secondway**" target="_self">CONTACT</a></li> 


</ul> 
</nav> 

</div> 


<div class="**lee**"> 

<div class="**ex**">  
<div class="place"> 
<a class="gotoplace" href="http://www.link.com" target="_self"></a> 
</div> 
</div> 
<div/>

CSS

.ex{ 


display: table-cell; 
text-align: center; 
position: absolute; 
top: 0; left: 0; 
background-image: url(../img/seal.png); 
background-position: left; 
background-repeat:no-repeat; 
margin-left:center; 
height:100%; 
width:100%; 

}

我一直試圖讓.ex以多種方式動態更改，同時保持頁面的其餘部分相同。

由於這個問題已被問到在這個網站上的各種方式，我已經經歷了很多，但不能區分我現在的問題。如果有與我的代碼具體相關的答案或問題，請原諒我的疏忽。

來源

2012-01-13 Codetherule

爲什麼有'*''在你的屬性呢？ – 2012-01-13 21:56:30

您正在使用鏈接的href值作爲jQuery選擇器，這是您無法做到的。至少不是直接的。

有兩個選項，可以使用它們的ID或正確使用href作爲屬性。

1）

$('#stuff2 a').click(...)

2）

$('a[href="**#secondway**"]').click(...)

來源

2012-01-13 21:58:08 idrumgood

謝謝@idrumgood – Codetherule 2012-01-13 23:42:19

jquery內容動態

回答

相關問題