0

複数のハイチャートを jquery ui タブにバインドするのに問題があります。最初のタブのコンテンツは読み込まれますが、他の 2 つのタブのコンテンツは表示されません...

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Main</title>
<link href="/test/css/redmond/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="/test/js/jquery-1.9.0.min.js"></script>
<script src="/test/js/jquery-ui-1.10.2.custom.min.js"></script>

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

</head>
<body>
<div id="tabs">
    <ul>
        <li><a href="/test/tag_1.php">Tag</a></li>
        <li><a href="/test/monat_1.php">Monat</a></li>
        <li><a href="/test/jahr_1.php">Jahr</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
</div>
</body>
</html>

ここで呼び出すことができます。Firebug はHighcharts Error #16と言う-->エラーの説明

だから、私は問題が何であるかを知っていますが、どうすればそれを解決できるかわかりません。

どうか、ヒントをください...

よろしくアンディ

4

3 に答える 3

1 
<a href = "#tabs-1">...

<div id= "tabs-1"> aaaa

このソリューションは機能します。IDが同じであることを確認してください。li->a タグには、div タグで指定されたタブの '#' と id が含まれています。

最終的なコードへのソリューション。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tag</a></li>
        <li><a href="#tabs-2">Monat</a></li>
        <li><a href="#tabs-3">Jahr</a></li>
    </ul>
    <div id="tabs-1">aaaa</div>
    <div id="tabs-2">bbbb</div>
    <div id="tabs-3">ccc</div>
</div>
于 2013-05-07T11:30:43.397 に答える
0

これは古い投稿であることがわかりますが、最近あなたと同じ問題がありました。私の解決策は、外部phpファイルに変数を渡してrenderToコンテナに名前を付けることでした。このような：

メインページ：

<div id="tabs">
<ul>
    <li><a href="/test/tag_2.php?id=1">Tag</a>
    </li>
    <li><a href="/test/monat_1.php?id=2">Monat</a>
    </li>
    <li><a href="/test/jahr_1.php?id=3">Jahr</a>
    </li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>

次に、「renderTo:」コンテナにこれらの ID 番号を次のように指定します。

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({

            chart: {
                renderTo: 'container<?php echo $_GET['id']; ?>',
                type: 'column'
            },

それは私のために働いたので、あなたの問題を解決するためにそれを使用できることを願っています.

/カール

于 2013-08-08T09:37:45.193 に答える