调用jQuery两次

我想在jQuery已经加载的内容（div）中使用jQuery代码，下面是我的示例代码：

<!-- Slide Panel with Form Adding data  -->
<div style="display: none;" id="slideAddForm" >
<h2>Add Row</h2>
from here ..
</div>

<div class="tabs"> <!-- Tabs -->
    <ul>
        <li><a href="#first"> First </a></li>
        <li><a  class="secondA" href="#second"> Second </a></li>
        <li><a  class="comments_title" href="#third"> Third </a></li>
    </ul>
</div>

<!-- first tab .. html data -->
<div id="first">
<a class="bAddRow" href="#"> Add Row  </a>   <!-- To show slideAddForm div .. it`s work OK  -->
anything here ..
</div>

<!-- second tab and 3rd tab get data from server -->
<div id="second">
  <!-- load page in this tab  -->
  <script type="text/javascript">
      $(document).ready(function() {
      $("a.secondA").click(function(){
      $("#second").load("server.php");
      });
      });
  </script>
</div>

<div id="third"></div>

添加行
从这里。。





这里有什么。。
$（文档）.ready（函数（）{
$（“a.secondA”）。单击（函数（）{
$（“#秒”）.load（“server.php”）；
});
});

现在，在server.php中，我提出了以下内容：

<a class="bAddRow" href="#"> Add Row  </a>  <!-- not work !  -->

但是它不起作用

您可以看到，在第一个选项卡中，链接（添加行）工作正常，但在（#第二个）选项卡中不工作 因为（我认为）它已经由ajax加载了

不要说放这条线

<a class="bAddRow" href="#"> Add Row  </a>

之后

<div id="second">

在javascript代码之前，因为这是一个简单的代码来解决我的问题。 我的代码非常复杂，我必须（例如）将这一行（添加行链接）放在Server.php中，我希望它显示slideadformdiv

有什么帮助吗？

请再打一次

function loader(){
    $("#second").load("server.php");
    clickmaker();
});

function clickmaker() {
    $("a.secondA").click(loader);
}

$(document).ready(clickmaker());

---

您必须绑定代码才能将

slideadform

div显示到

.bAddRow

的某个地方，对吗？也许是这样的

$('.bAddRow').bind('click', function() {
    $('slideAddForm').show();
}

要绑定当前和未来匹配的元素，请使用

live

方法绑定事件：

$('.bAddRow').live('click', function() {
    $('slideAddForm').show();
}

---

（请务必阅读，因为它与bind有一些不同。）

单击bAddRow时调用什么函数？另外，你们是想说，你们只是想在面板老化时将click事件重新附加到bAddRow上？如果是这样，这应该是可行的：

<script type="text/javascript">
var RowAdder = {

   //Initialize
   Init: function() {
      $("a.secondA").click(function() {
         $("#second").load("server.php", function() {
             RowAdder.Attach();     
         });
      });
   },

   //Reattach events
   Attach: function() {
       $(".bAddRow").click(function(){
           //ADD EVENTS BEHIND bAddRow CLICK HERE
       });
   },
};

//Initialize script
$(document).ready(function(){
    RowAdder.Init();
});
</script>

var行加法器={
//初始化
Init:function（）{
$（“a.secondA”）。单击（函数（）{
$（“#秒”）.load（“server.php”，function（））{
RowAdder.Attach（）；
});
});
},
//重新附加事件
附件：函数（）{
$（“.bAddRow”）。单击（函数（）{
//在bAddRow后面添加事件单击此处
});
},
};
//初始化脚本
$（文档）.ready（函数（）{
RowAdder.Init（）；
});

我猜测了一下我认为发生了什么，以及如何修复它。但要确定，您必须发布显示SlidedForm div的代码。