Можете ли вы отключить вкладки в Bootstrap 2.0, как вы можете отключить кнопки?
134
Можете ли вы отключить вкладки в Bootstrap 2.0, как вы можете отключить кнопки?
Вы можете удалить data-toggle="tab"
атрибут с вкладки, так как он подключен с помощью событий live / делегата
class="disabled"
работает как положено.nav.nav-tabs > li.disabled { pointer-events: none; a { color: silver; } }
Начиная с версии 2.1, из документации по начальной загрузке на http://twitter.github.com/bootstrap/components.html#navs вы можете это сделать.
См. Https://github.com/twitter/bootstrap/issues/2764 для обсуждения функции добавления.
источник
Я добавил следующий Javascript для предотвращения кликов по отключенным ссылкам:
источник
disabled
класс кli
элементу , а затем добавить JavaScript, указанные кроме условия вы бы проверки против будет:if ($(this).parent().hasClass('disabled')) {..}
.li
это то, что изменяет визуальные элементы для пользователя, и, следовательно, то, что должно иметьdisabled
класс.Я думаю, что лучшее решение - отключить с помощью CSS. Вы определяете новый класс и отключаете события мыши на нем:
И затем вы назначаете этот класс желаемому элементу li:
Вы также можете добавить / удалить класс с помощью jQuery. Например, чтобы отключить все вкладки:
Вот пример: jsFiddle
источник
Не нужно никаких JQuery, только одна строка CSS
источник
Также я использую следующее решение:
Теперь вы просто добавляете класс «disabled» в родительский li, а tab не работает и становится серым.
источник
Старый вопрос, но он как бы указал мне правильное направление. Метод, который я использовал, заключался в том, чтобы добавить отключенный класс в li, а затем добавить следующий код в мой файл Javascript.
Это отключит любую ссылку, где у класса li есть класс отключен. Это похоже на тотальный ответ, но он не запускается, если каждый раз, когда пользователь нажимает на любую вкладку и не использует return false.
Надеюсь, это кому-нибудь пригодится!
источник
Для моего использования лучшим решением было сочетание некоторых ответов здесь, а именно:
disabled
класса в li я хочу отключитьДобавьте этот кусок JS:
Вы даже можете удалить атрибут data-toggle = "tab", если хотите, чтобы Bootstrap вообще не мешал вашему коду.
**** ПРИМЕЧАНИЕ **: ** Код JS здесь важен, даже если вы удалите переключатель данных, потому что в противном случае он обновит ваш URL, добавив
#your-id
к нему значение, что не рекомендуется, поскольку ваша вкладка отключена, таким образом, не должно быть доступа.источник
Используя только CSS , вы можете определить два класса CSS.
Это HTML-шаблон. Единственное, что нужно, это установить класс для вашего предпочтительного элемента списка.
источник
Предположим, это ваш TAB, и вы хотите отключить его
Таким образом, вы также можете отключить эту вкладку, добавив динамический CSS
источник
В дополнение к ответу Джеймса:
Если вам нужно отключить ссылку, используйте
Если вам нужно запретить загрузке ссылки отключенную ссылку
Если вам не удалось ссылку
источник
Я перепробовал все предложенные ответы, но в конце концов я сделал так
источник
Ни один из ответов не работает для меня. Удалить
data-toggle="tab"
изa
предотвращает активацию вкладки, но также добавляет#tabId
хэш к URL. Это неприемлемо для меня. Что также неприемлемо, это использование JavaScript.Что работает, так это добавление
disabled
класса в классli
и удалениеhref
атрибута его содержанияa
.источник
мои вкладки были в панелях, поэтому я добавил class = 'disabled' в привязку вкладок
в JavaScript я добавил:
и для представления меньше, я добавил:
источник
Самое простое и чистое решение, чтобы избежать этого - добавление
onclick="return false;"
вa
тег."cursor:no-drop;"
курсор выглядит неактивным, но он кликабелен , Url добавляется с целью href, например,page.apsx#Home
"disabled"
класс для<li>
удаленияhref
источник
Вы можете отключить вкладку в начальной загрузке 4, добавив класс
disabled
к потомку элемента nav следующим образомисточник
Вот моя попытка. Чтобы отключить вкладку:
Код:
источник