jquery - JQueryタブ内のHighCharts

Question

JQueryタブ内でASPXユーザーコントロールとしてHighChartsを使用しているときに、奇妙な問題が発生します。

すべてのページはマスターページから派生しています。JQueryタブはすべてのコンテンツページで正常に機能していますが、HighChartsユーザーコントロールをタブ付きで配置すると、空白のページが表示され、レンダリングされたHTMLは使用できません（ソースを表示）。タブを削除すると、グラフも正常に機能します。

コードは次のとおりです。

    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
        $(function () {
            $("#tabs").tabs();
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Chart</a></li>
        </ul>
        <div id="tabs-1">
            <div>
                <control:Chart ID="ChartData" runat="server"></control:Chart>
            </div>
        </div>
    </div>
</asp:Content>

これは私を狂わせています。どんな助けでも大歓迎です。

よろしく、ファイサル

Answer 1

これはIEの既知の問題です。リンクは、少し面倒な回避策を提供します。