jquery - jQueryUI外部タブプラグインの問題

Question

flexigridテーブルである外部htmlをリンクすると、すべての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

試す：

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

Answer 2

あなたがしていることは必要ではありませんそうしてください：

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

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

ドキュメントを見てください。この例は、あなたがやりたいことと同じことをします。

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