0

IE9 で次のエラーが表示されます

SCRIPT5022: 構文エラー、認識されない式: ##chart1 jquery-2.0.3.min.js、4 行目の文字 14519

以下に示すコードが与えられた理由がわかりません。私は明らかにそれをHTML文字列に追加せず、jqplot呼び出しで参照すると1つしかありません。では、なぜこのエラーが発生するのでしょうか?

function createGraph() {
    var HTMLstring = '<!DOCTYPE html>\n';
    HTMLstring += '<HTML>\n';
    HTMLstring += '<HEAD>\n';
    HTMLstring += '<TITLE> Frequency Graph</TITLE>\n';
    HTMLstring += '<!--[if lt IE 9]><script src="js/excanvas.js"></script><![endif]-->\n';
    HTMLstring += '<script class="include" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>\n';
    HTMLstring += '</HEAD>\n';
    HTMLstring += '<BODY>\n';
    HTMLstring += '<div><span>Moused Over: </span><span id="infomouseover">Nothing</span></div>\n';
    HTMLstring += '<div><span>Clicked: </span><span id="infoclicked">Nothing</span></div>\n';
    HTMLstring += '<div id="chart1" style="margin-top:20px; margin-left:20px; width:300px; height:300px;"></div>\n';
    HTMLstring += '</BODY>\n';
    HTMLstring += '</HTML>';
    newwindow = window.open();
    newdocument = newwindow.document;
    newdocument.write(HTMLstring);
    $(document).ready(function () {
        freqchart = $.jqplot('#chart1', [
            [
                [2, 1],
                [4, 2],
                [6, 3],
                [3, 4]
            ],
            [
                [5, 1],
                [1, 2],
                [3, 3],
                [4, 4]
            ],
            [
                [4, 1],
                [7, 2],
                [1, 3],
                [2, 4]
            ]
        ], {
            seriesDefaults: {
                renderer: $.jqplot.BarRenderer,
                pointLabels: {
                    show: true,
                    location: 'e',
                    edgeTolerance: -15
                },
                shadowAngle: 135,
                rendererOptions: {
                    barDirection: 'horizontal'
                }
            },
            axes: {
                yaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer
                }
            }
        });

        $('#chart1').bind('jqplotDataHighlight',
            function (ev, seriesIndex, pointIndex, data) {
                $('#infomouseover').html('series: ' + seriesIndex + ', point: ' + pointIndex + ', data: ' + data + ', pageX: ' + ev.pageX + ', pageY: ' + ev.pageY);
            }
        );

        $('#chart1').bind('jqplotDataClick',
            function (ev, seriesIndex, pointIndex, data) {
                $('#infoclicked').html('series: ' + seriesIndex + ', point: ' + pointIndex + ', data: ' + data + ', pageX: ' + ev.pageX + ', pageY: ' + ev.pageY);
            }
        );

        $('#chart1').bind('jqplotDataUnhighlight',
            function (ev) {
                $('#infomouseover').html('Nothing');
            }
        );
    });
}
4

2 に答える 2

2

jqPlot()Id を見つけるために CSS スタイル セレクターは必要ありません。それ自体を処理するため、現在は を2 回#chart1追加して検索します。#

<script>
    //This will look for #chart1
    $.jqplot('chart1', [data], options );
</script>

jsplot ドキュメント

「ターゲットのID$.jqplot()でプラグインを呼び出して、実際のプロットを作成します」

于 2013-10-27T15:54:00.393 に答える
1

jqplot は要素 ID を ID セレクターではなくパラメーターとして受け取るため、そうする$.jqplot('#chart1',必要があります$.jqplot('chart1',。

http://www.jqplot.com/docs/files/usage-txt.html

于 2013-10-27T15:54:06.537 に答える