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

时间:2011-05-31 10:53:29

标签: jquery ajax load

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

谁能告诉我该怎么做?

示例:

 <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没有处理加载的输入

谢谢:)

2 个答案:

答案 0 :(得分:0)

您可以在load来电中进行回调,这将在添加新内容时调用:

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

答案 1 :(得分:0)

绑定datepicker时应使用“live”,如下所示:

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

(无耻地从this other question解除)

否则,你的datepicker绑定代码将看不到要转换为datepickers的新元素(它们在第一次运行时不存在),并且你得到了当前的行为。