将 jquery 函数应用于加载的元素答案

【问题标题】：Apply jquery functions to loaded elements将 jquery 函数应用于加载的元素
【发布时间】：2011-05-31 10:53:29
【问题描述】：

我正在尝试在加载的元素上应用函数，我在网上搜索，但我不明白该怎么做。

谁能告诉我该怎么做？

例子：

 <script>
 // checkbox cheque
$("#cheque").click( function () {
        if($("#cheque").is(":checked"))
        {
            //alert('Cheque is checked');
            $("#load_cheque").load("./server/mode_paiement.php?cheque=1");
        }
        else
        {
            //alert('Unchecked Cheque!!');  
            $("#load_cheque").empty();  
        }
    });
  </script>

这是要加载的元素：

<label for=" echeance " class="form-label size-120 fl-space2">Echéance: <span class="required">*</span></label> 
<input type="text" id="echeance" class="required text fl-space2 datepicker-inline" name="echeance"  />

您注意到有“datepicker-inline”.. 问题是 datepicker 无法处理加载的输入

谢谢:)

【问题讨论】：

我想你已经给出了部分代码，你到底想实现什么。

标签： jquery ajax load

【解决方案1】：

绑定日期选择器时应使用“live”，如下所示：

$('.datepicker-inline').live('click', function() {
        $(this).datepicker({showOn:'focus'}).focus();
});

（无耻地从this other question提起）

否则，您的日期选择器绑定代码将看不到要转换为日期选择器的新元素（它们在首次运行时不存在），并且您会得到当前的行为。

【讨论】：

如果它有效，你应该接受它（复选框图标），或者如果答案很好但不是最好的，你应该投票。
对不起，我不知道如何使用该网站。也许为时已晚，但我检查了图标。谢谢。

【解决方案2】：

你可以在load调用中放一个回调，当新内容添加时会调用：

$("#load_cheque").load("./server/mode_paiement.php?cheque=1", function(){
  // Here you can fix the loaded content
});

【讨论】：

感谢您的回答；）我会试试的。