認爲這是一個命名問題

Question

今天一定非常愚蠢 - 提前抱歉;好歹有這個無序列表

<ul> 
<li><div class="openuserform" >Info</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Appearence</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Pages</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Services</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Community</div> <div class="userform"></div></li> 
</ul> 

其上點擊<div class="openuserform" >我想例如單獨加載形式

$('.openusersform').live('click',(function(){ 
$('.userform').load('form page.php'); 
}); 

OK，我可以得到的形式使用

$(this).next('.userform').show(); 
$('.userform').load('form page.php'); 

在正確的DIV負載，但它是非常醜陋（我認爲），我只能每次拿到第一種形式正確處理。

它的佈局類似於（ul,li等），所以我可以讓每個加載的表單在相關的li下對齊。

但我認爲必須有，因爲我似乎並沒有得到任何if(){}報表工作，處理形式，即if(form1){ $.ajax etc } if (form2) {more ajax}

建議請一個更好的方式 - 謝謝。

Answer 1

我想你想加載到相鄰的div，所以，像這樣？

$('.openuserform').live('click', function(){ 
    // http://api.jquery.com/siblings/ 
    $(this).siblings('.userform').load('form-page.php'); 
}); 

這假設這個標記：

<ul> 
<li><div class="openuserform" >Info</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Appearence</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Pages</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Services</div> <div class="userform"></div></li> 
<li><div class="openuserform" >Community</div> <div class="userform"></div></li> 
</ul>