jQuery异步加载新元素，在加载的页面上

Question

在我的default.php 上，我有一个 jQuery 事件，它将在 <div> 中加载外部页面，如下所示：

$(".edit").click (function(){
var row_id = $(this).attr('id');
$("#studentCourseElementPlanselected").show().html("<div id='wait'></div>");
$.ajax({
    url: "/pages/loadCoursePlan.php",
    data: { 'cpl_id':row_id },
    success: function(data){
        $("#studentCourseElementPlanselected").html(data);
    }
  });
});

在/pages/loadCoursePlan.php（已加载）上，我有另一个 jQuery 脚本，它将添加一个克隆的 <select>-element

$('#add_more').on('click', function() {
  var selectClone = $('select:last').clone(true);  // make a copy of select
  $('#courseElements').append(selectClone);    // append to clone select
});

当我点击更新时，另一个 jQuery 脚本被调用，执行如下操作：

$('#course_update').click(function() {

var course_id = $('#course_id').val();
var plan_id = $('#plan_id').val();
var price_id = $('#price_id').val();
var course_name = $('#course_name').val();
var course_isActive = $('#course_isActive').val();


$('#update_status').html('<img src="../images/ajax-loader.gif" />');
$.post('../update.php', {

    course_id: course_id, 
    plan_id: plan_id,
    price_id: price_id,
    course_name: course_name,
    course_isActive: course_isActive

    }, function(data) {
    $('#update_status').html(data);
    return false;
});
});

我希望 /pages/loadCoursePlan.php 重新加载新对象 (plan_id)

pages/loadCoursePlan.php 的 HTML 是这样的：

<table id='myTable'>

<tr id='7'><td>Some info here</td><td>6 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>
<tr id='15'><td>Some other info here</td><td>10 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>
<tr id='16'><td>More info</td><td>10 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>

</table>

我想我想添加一个公平简单的新行...

Answer 1

我自己解决了这个问题，方法是在

中添加我想要的代码的副本

}, function(data) {
$('#update_status').html(data);
return false;