0

サーブレットを使用して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ライブラリの一部です。

4

3 に答える 3

1

#の前に記号を追加する必要がありますx。

$('#' + x).css(...等々

または、宣言する場所x：

... var x = '#cap_' + ...
于 2013-03-14T20:50:35.580 に答える
1

'#'セレクターがありません：

out.println("<script>
               $('#chart2').bind('jqplotDataHighlight', 
                                  function (ev, seriesIndex, pointIndex, data) { 
                                      var x = '#cap_'+pointIndex; //<-- Here
                                      alert(x); 
                                      $(x).css(\"display\",\"none\"); 
                                  });
            </script>");
于 2013-03-14T20:51:50.757 に答える
0

DOGセレクターがありません：

out.println("<script>$('#chart2').bind('jqplotDataHighlight', function (ev, seriesIndex, pointIndex, data) { var x = 'li:contains(DOG)'; $(x).css(\"display\",\"none\"); } );</script>");
于 2013-03-14T20:55:41.220 に答える