Подсказка jquery показывает содержимое div

Question

Я хочу использовать http://onehackoranother.com/projects/jquery/tipsy/ или http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/, и мне было интересно, скажем, у меня есть div на моей странице, который имеет класс 'item_info'.

Могу ли я создать созданную всплывающую подсказку для вывода div внутри подсказки и отформатировать в соответствии с моим css?

Есть ли другой плагин, который я должен изучить?

Спасибо. Надеюсь, это достаточно ясно.

Answer 1

Вы можете посмотреть в qTip

http://craigsworks.com/projects/qtip/demos/

Answer 2

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ позволяет вам указать дополнительный класс css для стилизации всплывающей подсказки, а также отображать «динамические» данные для текста. Посмотрите на пример ниже.

Примечательные области: bodyHandler указывает, какой текст показывать в подсказке (это вернет ваш HTML из div), extraClass определяет стиль CSS для применения. Надеюсь, это поможет.

$("#your_tooltip_element").tooltip(
    {
        bodyHandler: function() {
            return $("#your_div").html();
        },
        showURL: false,
        track: true,
        delay: 0,
        showURL: false,
        opacity: 1,
        fixPNG: true,
        extraClass: "item_info",
        top: -15,
        left: 5,
        cursor: "hand"
        }
);