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

你在做什么并不是必须的这样做：

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

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

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

Answer 2

尝试：

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

Answer 3

这就是我解决它的方法：

         $(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 UI外部选项卡插件问题

3 个答案: