Jquery 将额外的 # 附加到 DOM 对象

Jquery appending extra # to DOM objects

本文关键字：DOM 对象 Jquery      更新时间：2023-09-26

我在IE9中收到以下错误

SCRIPT5022：语法错误，无法识别的表达式：##chart1jquery-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');
            }
        );
    });
}
jqPlot()不需要

CSS样式选择器来查找Id。它自己处理，因此目前它会两次查找附加#的#chart1。

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

jsplot 文档

"通过使用目标的 id 调用 $.jqplot() 插件来创建实际情节"

jqplot 将元素 id 作为参数而不是 id 选择器，因此应该$.jqplot('chart1', $.jqplot('#chart1',等。

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

相关文章：