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> - 元素

$('#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;

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

1 个答案: