всплывающее окно в JQuery

Question

Я использовал следующую команду для создания всплывающего окна при каждом перемещении мыши по тегу div на веб-странице, и я пытаюсь вставить эту команду в любую веб-страницу, которую я анализирую, поэтому я добавляю команду в голову следующим :

head.append("$('div').attr('onmouseover', 'balloon.showTooltip(event,You are hovering, I said click me! <a href=www.google.com>Click</a>)');");

, где ballon - это объект, который я определил ранее

Но это не работает

Answer 1

Помимо непонимания того, в чем на самом деле вопрос, с этим кодом много чего не так.Основная проблема, которую я вижу, заключается в том, что вызов функции showTooltip не является допустимым javascript, поскольку сообщение не является строкой в ​​кавычках.Кроме того, это не очень хороший способ использовать обработчики событий в jQuery.Предполагая, что head - это объект jQuery на вашей странице (а не тег head), попробуйте следующее:

head.append($("<div class='test'>").mouseover(function() {
    balloon.showTooltip(event, "You are hovering, I said click me! <a href='http://www.google.com'>Click</a>");
});

Другая проблема в том, что <div>, который вы создаете и добавляете на страницу,без размера, так что вы никогда не можете получить событие наведения мыши на нем.Если вы дадите ему конечный размер, он может работать.Вы можете видеть это здесь: http://jsfiddle.net/jfriend00/Y6LGT/, где я даю ему имя класса и использую CSS, чтобы придать ему размер.