jquery - jQuery UI 外部标签插件问题

Question

在我链接了一个外部 html - 这是一个 flexigrid 表之后 - 所有的 flexigrid 格式和功能都变得非常有问题。有没有人以前遇到过这个问题或有什么建议？

这就是我链接外部 html 文档的方法：

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

Answer 1

这就是我为解决它所做的：

         $(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." );
                            });
                    }
            });
    });

Answer 2

你正在做的事情并不重要 这样做：

<div id="tabs">
 <ul>
  <li><a href="financialTransactions.html">Transaction History</a></li>
 </ul>
</div>

<script>
    $(function() {
            $('#tabs').tabs();
    });
</script>

查看文档。这个例子和你喜欢做的一样。

Answer 3

尝试：

$(document).ready(function(){
            $('#tabs').tabs();
            $('#paymentsTab').load('financialTransactions.html');
        });