как определить с помощью firebug, был ли вызов appendTo успешным / добавить всплывающую подсказку в график - PullRequest
Новая
       2

как определить с помощью firebug, был ли вызов appendTo успешным / добавить всплывающую подсказку в график

0 голосов
/ 26 января 2010

Я пытаюсь следовать этому примеру , чтобы добавить всплывающую подсказку на график. Но всплывающая подсказка не отображается. 

$(document).ready(function(){
    $("#plotarea").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x.toFixed(2));
        $("#y").text(pos.y.toFixed(2));
        if (item) {
          $("#charttooltip").remove();
        var x = item.datapoint[0].toFixed(2),
        y = item.datapoint[1].toFixed(2);
        showChartTooltip(item.pageX, item.pageY,'tooltip text to display');
        } else {
          $("#charttooltip").remove();
        }
    });
});

function showChartTooltip(x, y, contents) {
        $('<div id="charttooltip">' + contents + '</div>').css( {
              position: 'absolute',
              display: 'visible',
              'z-index': 100,
              top: y + 5,
              left: x + 5,
              border: '1px solid #bfbfbf',
              padding: '2px',
              'background-color': '#ffffff',
              opacity: 1                              
        }).appendTo($('#main_body')).fadeIn(200);
        } 
</script>

<div class="main_body"> //->is present in the html

Я проверил с помощью firebug, вызывается ли метод showChartTooltip. Это работает. Когда я перебираю код, кажется, что все работает, как и ожидалось, только я не знаю, кого я могу судить в firebug, был ли вызов appendTo успешным.

Это было первое, что я хотел проверить, так как подсказка не отображается. Я вставил также очень высокий z-индекс, чтобы убедиться, что это не проблема.

Если у кого-то есть идея, что еще может быть не так ... Буду очень признателен за ваши комментарии.

Ответы [ 2 ]

1 голос
/ 26 января 2010

Если &lt; и т. Д. Действительно присутствуют в вашем коде, то это почти наверняка ваша проблема. Вам необходимо написать фактический HTML в качестве параметра: 

$('<div id="charttooltip">' + contents + '</div>')
1 голос
/ 26 января 2010

Откройте панель HTML в firebug и разверните элемент body, если добавлен div с id = charttooltip, то метод работает. Дайте мне знать, если это проблема.

...