Question

我有一个名为timepicker的函数，通常使用

调用

$(document).ready(function() {
        $('#timepicker').timepicker();
});

但是我无法使用jQuery .load()显示内容。

我尝试了几种方法，包括使用以下但没有任何反应？

$(document).ready(function() {
        var $parent = $('#small_container');
        var time = $parent.find('#timepicker');
        time.timepicker();
});

#small_container是内容加载到的DIV的ID，#timepicker是在单击时调用该函数的输入的id。

我是否已将其添加到回调中的正确位置？

$('.edit_job').on("click", function(){
    var week_start = $('input[name=week_start]').val();
    var job_id_del= $('input[name=job_id]').val();
    var user_id = $('input[name=user_id]').val();
    $('#small_container').load('ajax/edit_weekly_job_load.php?job_id='+job_id_del+'&week_start='+week_start+"&user="+user_id);
    $('#timepicker').timepicker();
    $('#small_container').on("click", '#edit_job_submit', function(){
          jQuery.ajax({
              type: "POST",
              url: "ajax/edit_weekly_job_ajax.php",
              dataType: "json",
              data: $('#edit_job_form').serialize(),
              success: function(response){
                  if(response.success === 'success'){
                    window.opener.$("#diary").load("ajax/diary_weekly_load.php?week_start="+week_start+"&user="+user_id);
                    window.close();
                }
              },
        });//end ajax
    });//save_job_edit_submit
});//end edit job

Answer 1

内容以异步方式加载到元素#small_container。在实际加载内容之前调用timepicker函数。尝试在load（）方法的回调中调用该函数： $（'＃small_container'）。load（'ajax / edit_weekly_job_load.php？job_id ='+ job_id_del +'＆amp; week_start ='+ week_start +“＆amp; user =”+ user_id，function（）{ $（ '＃timepicker'）timepicker（）。 }）;

同时验证元素#timepicker实际上是否附加到元素#small_container。

在.load（）内容上运行JS函数

1 个答案: