Как установить несколько переключений данных для ссылки в бутстрапе?

У меня есть ссылка, и я хочу установить всплывающую подсказку для нее, и aI хочу, чтобы она также отображала модальность bootstrap. Чтобы показать модальный код, выполните следующие действия:

<a href="#myModal" role="button" data-toggle="modal">Show</a>

И следующее будет включать всплывающую подсказку:

<a data-placement="right" data-toggle="tooltip" rel="tooltip" data-original-title='Hello' href="#"></a>

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

Ответ 1

Я нашел проблему:

<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a>

Вот и все.

Ответ 2

Я бы предпочел использовать элемент wrapping следующим образом:

<span data-placement="right" data-toggle="tooltip" title="Hello">
    <a href="#myModal" role="button" data-toggle="modal">Show</a>
</span>

Это кажется мне более прямым. См. Этот bootply: http://www.bootply.com/zqJRSAjSuQ

Ответ 3

U также может потребоваться инициализировать его: Мне нужно было инициализировать его внизу страницы.

        $("[rel='tooltip']").tooltip();

Ответ 4

вам не нужно использовать "data-toggle" для всплывающей подсказки, вы можете изменить его, например "data-tt", например:

<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a>

И инициализируйте в javascript:

$("[data-tt=tooltip]").tooltip();

JsFiddle

Ответ 5

Добавьте атрибут данных к элементу:

<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a>

И инициализируйте в javascript:

$("[data-hover='tooltip']").tooltip();

Ответ 6

Возможно, вы захотите использовать div вместо элемента span, когда всплывающая подсказка потеряна...

Основываясь на F.L. ответ, это сработало для меня:

<div data-placement="right" data-toggle="tooltip" title="Hello">
    <a href="#myModal" role="button" data-toggle="modal">Show</a>
</div>