Как вы знаете, как использовать twitter-bootstrap? - PullRequest
Новая
       16

Как вы знаете, как использовать twitter-bootstrap?

0 голосов
/ 10 октября 2011

Я не могу найти полный документ. Например, эффект popover ( здесь ) будет использовать атрибут DOM data-origin-title в качестве собственного заголовка, а data-cotent в качестве его содержимого: 

$('#somedom').hover (->
    $(this).addClass("hover")
    $(this).attr("data-original-title","Location")
    $(this).attr("data-content":'The popover plugin provides a simple interface for adding popovers to your appli    cation. It extends the bootstrap-twipsy.js plugin, 
                so be sure to grab that file as well when including popovers in your project!')
    $(this).popover({})
    $(this).popover("show")
    ),->
        $(this).removeClass("hover")

Где это узнать? Официальный документ не имеет атрибута data-origin-title. Ни в исходном коде bootstrap-popover.js.

1 Ответ

3 голосов
/ 11 октября 2011

Все, что вам нужно, находится прямо в таблице Опции .Он захватывает атрибут title для заголовка и data-content для содержимого (3-й столбец).data-original-title, который вы видите в HTML, добавляется скриптом плагина после выполнения, игнорируйте его.

Идея для этого заключается в том, что у вас уже есть информация в HTML: 

<div id="mything" title="My title=" data-content="Some text here">Test popover</div>

Таким образом, ваш скрипт только делает это, вам не нужно обрабатывать события: 

$('#mything').popover()
...