Всплывающая подсказка Bootstrap без ссылки

Чтобы сэкономить место в узкой ячейке таблицы, я хочу использовать всплывающую подсказку для загрузки дополнительного содержимого при наведении. Однако всплывающая подсказка использует параметр: rel в теге. Мне не нужна ссылка, просто ее варианты... и я не хочу, чтобы ссылка была куда угодно. Я использовал:

link_to display.text, "#", :rel => "tooltip", ...blah..blah
 link_to_function display.text, "#", :rel => ...blah...blah

Оба работают в некоторой степени, однако оба возвращаются в начало страницы.

Его, вероятно, вонючий код, чтобы использовать ссылку, которая на самом деле не является ссылкой для получения какой-либо другой функции. Есть ли рельс способ создания фиктивной ссылки? Есть ли "одобренный" способ выполнения этого?

2 ответа

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


Мне нужно было добавить подсказку к элементу, но я не хотел, чтобы это был тег.

Я решил использовать тег вместо этого:

Что будет отображаться (при наведении на глификон медицины) сообщение: аптека аптека

Если вы хотите сделать еще один шаг вперед, вы можете даже подгонять всплывающую подсказку, как хотите, следующий код будет состоять в том, как вы можете изменить его стиль:

.tooltip {
 filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px);
 .tooltip-inner {
 background-color: white;
 color: red;
 }
 .tooltip-arrow {
 border-right-color: white;
 }
}

Это изменит цвет фона всплывающей подсказки, а стрелка всплывающей подсказки будет белым с красным текстом и тень вокруг всплывающей подсказки.

Если вы используете bootstrap, обязательно включите следующую строку кода, в которой будет использоваться всплывающая подсказка:

$('.someClass').tooltip();

Это гарантирует, что вы используете всплывающую подсказку bootstrap, а не встроенную подсказку в браузере по умолчанию

licensed under cc by-sa 3.0 with attribution.