Question

我正在使用servlet在Java中编写HTML，而我遇到的问题是滚动DOM对象（第三方，jqplot）会点亮特定列表的文本。我有HTML（在jQuery之前声明）：

<li id='cap_1'>
  <span>DOG</span>
</li>

以下代码：

out.println("<script>$('#chart2').bind('jqplotDataHighlight', function (ev, seriesIndex, pointIndex, data) { var x = 'cap_'+pointIndex; alert(x); $(x).css(\"display\",\"none\"); } );</script>");

警报正在触发并正确返回（cap_1）。但是CSS没有用（我试过显示，背景颜色，颜色等等 - 没什么用）。

我错过了什么？确认了jQuery和库声明，绑定是jqplot库的一部分。

Answer 1

您需要在#之前添加x符号。

$('#' + x).css(...依此类推

或者，您声明x的地方：

... var x = '#cap_' + ...

Answer 2

您缺少'#'选择器：

out.println("<script>
               $('#chart2').bind('jqplotDataHighlight', 
                                  function (ev, seriesIndex, pointIndex, data) { 
                                      var x = '#cap_'+pointIndex; //<-- Here
                                      alert(x); 
                                      $(x).css(\"display\",\"none\"); 
                                  });
            </script>");

Answer 3

您缺少DOG选择器：

out.println("<script>$('#chart2').bind('jqplotDataHighlight', function (ev, seriesIndex, pointIndex, data) { var x = 'li:contains(DOG)'; $(x).css(\"display\",\"none\"); } );</script>");

jQuery / Javascript - CSS变化的变量

3 个答案: