Подтвердить что ты не робот

Что такое атрибут data-target и data-slide-to?

Я использую bootstrap, (Хорошо, я новичок в этом), я нашел два атрибута, может ли кто-нибудь объяснить это мне?

Ответ 1

Чтобы переносить точку @Larsenal, пользовательские атрибуты данных могут быть очень полезны для разработчиков. Как spec говорит:

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

Пример использования включает в себя:

Сохранение начальной высоты/ширины, которая впоследствии может быть изменена с помощью JS. Есть простые способы получить и установить эти атрибуты с помощью JavaScript - с помощью getAttribute и setAttribute.

 <div id='strawberry-plant' data-fruit='12'></div>
 <script>
    // 'Getting' data-attributes using getAttribute
    var plant = document.getElementById('strawberry-plant');
    var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12'
 </script>

Помните, что, это не good practice. Итак, используйте dataset properties.

Подробнее о атрибутах данных читайте здесь: http://html5doctor.com/html5-custom-data-attributes/

Вы бы влюбились в них как разработчик JavaScript (а может и нет).

Ответ 2

Атрибуты, которые вы видите, являются атрибутами пользовательских данных. Их иногда обозначают data-*.

Все, что с префиксом "data-" используется для хранения пользовательских данных, которые не будут отображаться в браузере.

Итак, вы можете иметь это:

<div data-foo="ABC" data-bar="123">Hello World</div>

Обычно вы читаете эти данные со своего JavaScript и делаете что-то с ним.

Ответ 3

В этом случае они являются переменными, которые используются для настройки компонента карусели:

Используйте атрибуты данных, чтобы легко управлять положением карусели. data-slide принимает ключевые слова prev или next, что изменяет слайд положение относительно его текущего положения. Альтернативно, используйте data-slide-to передать исходный индекс слайдов карусели data-slide-to="2", который сдвигает позицию слайда на конкретный индекс начинается с 0.

Подробнее о атрибутах HTML5 data-.