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

Question

我试图在加载的元素上应用函数，我在网上搜索，但我不知道该怎么办。

有人能告诉我该怎么办吗？

示例：

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

正如您所注意到的，有一个"日期选择器内联"。。问题是日期选择器无法处理加载的输入

感谢：）

Answer 1

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

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

（无耻地回避了另一个问题）

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

Answer 2

您可以在load调用中放入回调，当添加新内容时会调用该回调：

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