Несколько строк HTML с плагином jquery - PullRequest
Новая
       8

Несколько строк HTML с плагином jquery

1 голос
/ 22 марта 2010

Я использую плагин http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ для создания всплывающих подсказок с помощью JQuery, но не могу создать всплывающие подсказки, содержащие 3 (или более) строки HTML-кода.

Мне нужно отобразить как подсказкусодержимое, показанное ниже (очевидно, что содержимое генерируется динамически, и это только доказательство концепции) 

<p>Line1</p>
<p>Line2 <span style="...">blah blah</span></p>
<p>Line3</p>

Кажется, что свойство showBody применимо только к атрибутам заголовка.

Найдензадача

Очевидно, jquery.html ("...") требует корневой тег, в противном случае генерируется пустая строка.

Мой исходный код был 

bodyHandler: function() {
  return $("<span id='caption'>line1</span>"
         + "<span id='tags'>line2</span>");
}

нужно написать с фиктивной корневой меткой, удаленной JQuery 

bodyHandler: function() {
  return $(
        "<root-dummy-tag>"
        + "<span id='caption'>line1</span>"
        + "<span id='tags'>line2</span>"
        + "</root-dummy-tag>"       
      );
}

1 Ответ

0 голосов
/ 22 марта 2010

Если вы создаете хук для HTML, который вы хотите визуализировать: 

<a href="#" id="tt">Tooltip</a>

<div id="tooltip-content">
  <p>Line1</p>
  <p>Line2 <span style="...">blah blah</span></p>
  <p>Line3</p>
</div>

И используйте метод bodyHandler для загрузки пользовательского содержимого: 

$("#tt").tooltip({ 
    bodyHandler: function() { 
        return $("#tooltip-content").html(); 
    }, 
    showURL: false 
});
...