jQuery UI外部选项卡插件问题
在我链接了一个外部html(flexigrid表)之后,所有flexigrid格式和函数都变得非常错误。以前有没有人遇到过这个问题,或者有什么建议 以下是我链接外部html文档的步骤:jQuery UI外部选项卡插件问题,jquery,html,jquery-ui,jquery-ui-tabs,flexigrid,Jquery,Html,Jquery Ui,Jquery Ui Tabs,Flexigrid,在我链接了一个外部html(flexigrid表)之后,所有flexigrid格式和函数都变得非常错误。以前有没有人遇到过这个问题,或者有什么建议 以下是我链接外部html文档的步骤: <div id = "tabs"> <li><a href="#paymentsTab">Transaction History</a></li>< <div id = "paymentsTab"></div>
<div id = "tabs">
<li><a href="#paymentsTab">Transaction History</a></li><
<div id = "paymentsTab"></div>
</div>
</div>
<script>
$(function() {
$('#tabs').tabs();
$('#paymentsTab').load('financialTransactions.html');
});
</script>
<
$(函数(){
$(“#tabs”).tabs();
$('#paymentsTab').load('financialTransactions.html');
});
你所做的不是必须的
这样做:
<div id="tabs">
<ul>
<li><a href="financialTransactions.html">Transaction History</a></li>
</ul>
</div>
<script>
$(function() {
$('#tabs').tabs();
});
</script>
$(函数(){
$(“#tabs”).tabs();
});
看这张照片。这些示例与您喜欢做的相同。尝试:
$(document).ready(function(){
$('#tabs').tabs();
$('#paymentsTab').load('financialTransactions.html');
});
这就是我为解决这个问题所做的:
$(function() {
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.ajaxSettings.dataTypes[0] = "html"; //very important!
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
"If this wouldn't be a demo." );
});
}
});
});
jQuery标签不做这样的外部链接,我试过了,什么也没发生。你的html标记乱七八糟:a
- 中。有一个@wumm,就是这样。当我把
- 放进去时,它实际上标记了这一页……不幸的是,这没有改变任何东西:(