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

在我default.php我有一个jQuery事件，将在<div>这样加载外部页面：jQuery的异步加载新的元素，加载的页面上

$(".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与pages/loadCoursePlan.php的新对象（plan_id）

的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>

我想我要加入一个新行公正，简单......

来源

2012-06-11 David

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

01中加入了我想要的代码副本

来源

2012-06-11 22:41:58 David

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

回答

相关问题