我有一个jquery选项卡集:是否有可能更新jQuery的选项卡中设置
<div id="tabs">
<ul>
<li><a href="#tabs-1">Mileage Log</a></li>
<li><a href="#tabs-2">Trips</a></li>
</ul>
<div id="tabs-1">something</div>
<div-id="tabs-2">something</div>
</div>
我对我的标签内容触发一些JavaScript代码,职位形成的数据(包括我的代码)。问题是,我希望刷新标签元素,以便可以显示任何新内容。是否有内置的方式使用“success:”选项刷新选项卡。我目前使用“location.reload();”但它只是刷新整个页面。不理想。
谢谢。
我的JavaScript
<script>
$(document).ready(function() {
//Submit form to add record.
$('#addmileage').submit(function (e)
{
e.preventDefault();
$.ajax({
data: $('#addmileage').serialize(),
type:'POST',
url:'actionpages/add_trip.cfm?ticketid=<cfoutput>#url.ticketid#</cfoutput>',
success: function(){
$('.success').fadeIn(200).show();
location.reload();
$('.error').fadeOut(200).hide();
}
});
});
$('.deleteMileageForm').submit(function (e)
{
e.preventDefault();
$.ajax({
data: $(this).serialize(), // **** modified this line ****
type:'POST',
url:'actionpages/delete_trip.cfm',
success: function() {
$('.successTab2').fadeIn(200).show();
location.reload();
$('.errorTab2', $row).fadeOut(200).hide();
}
});
});
});
</script>
好吧,所以newHTML变量可能是一个成功的消息,或者我发回到我的选项卡的权利。而且cfc也需要我的查询以及正确的? –
是的,你可以发回你需要的任何东西。如果您只需要一个状态消息,您可以发送该消息,或者如果您愿意,您可以重建并发送该标签的全部内容。完全灵活。是的,你会把你的删除查询放入cfc的deleteTrip函数中,以便在任何事情返回到你的页面之前执行。 –
明白了。所以我能够使用你的样品来处理它。谢谢。如果我将HTML文本返回到选项卡ID,则整个选项卡集将替换为我的文本。不理想。我唯一能做的其他事情是将html文本返回到活动选项卡。但是,这只是添加文本,并不会在添加它之后刷新标签。通过重建选项卡的内容,你是什么? –