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'); 
});

好的我可以使用

在正确的div中加载表单

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

但它非常难看（我认为）而且我只能让每个人都能得到第一个正确处理的表格。

它的布局类似于（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>

认为这是一个命名问题

1 个答案: