Можете ли вы рассказать мне, что такое система или поведение за атрибутом data-target, используемым Bootstrap 3?
Я знаю, что data-toggle используется для нацеливания API JavaScript Bootstrap на графическую функциональность.
Ответ 1
data-target используется бутстрапом, чтобы упростить вашу жизнь. Вам (в основном) не нужно писать одну строку Javascript для использования своих предварительно созданных компонентов JavaScript.
Атрибут data-target должен содержать селектор CSS, который указывает на элемент HTML, который будет изменен.
В этом примере кнопка имеет data-target="#myModal", если вы нажмете на нее, <div id="myModal">...</div> будет изменен (в этом случае исчезнет).
Это происходит потому, что #myModal в CSS-селекторах указывает на элементы, у которых есть атрибут id со значением myModal.
Переключатель сообщает Bootstrap, что делать, и целевой объект указывает Bootstrap, какой элемент будет открыт. Поэтому всякий раз, когда нажимается такая ссылка, появляется модальный с идентификатором "basicModal".