이것은 명명 문제라고 생각하십시오

Question

오늘은 정말 바보가되어야합니다 - 미리 죄송합니다. 어쨌든 클릭 <div class="openuserform" >에 내가 예를 들어, 별도의 양식을로드 할이 정렬되지 않은 목록

<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> 

이

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

나는 형태

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

를 사용하여 올바른 사업부에서로드 얻을 수 있지만 (내가 생각하는) 매우 추한 나는 모든이 첫 번째 양식이 제대로 처리 할 수에만 수 확인을 클릭합니다.

(ul, li 등) 이렇게 배열 된 각로드 된 양식을 관련 li 아래에 정렬 할 수 있습니다. 감사 -

는하지만 내가 즉 if(form1){ $.ajax etc } if (form2) {more ajax}

제안하십시오 양식을 처리하기 위해 노력하고있는 if(){} 문을 얻을 수가 없기 때문에 더 나은 방법이있을 것 같아요.

Answer 1

인접한 div에로드하고 싶습니다. 이렇게 하시겠습니까?

<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> 

:

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

이

이 마크 업을 가정한다