Слайдер или слайд? У Вас один слайдер и куча слайдов, Вы хотите, чтобы при клике на какой-то слайд он становился, например по центру, а другие уезжали в сторону? Не понял Вашего вопроса..
grom111, это не норма, но откуда я знаю, чего хотел добиться ведущий курсов? Я так предполагаю, что создал второй класс, унаследовался от класса Book и в него добавил методы, а так, по идее преподаватель как раз сам должен комментировать свои действия) Я ж дописал в конце, что "я так думаю".
Достоинством метода live(), является то, что установленные обработчики будут вызываться как на текущих элементах страницы, так и на будующих. Это становится возможным благодаря особому устройству метода live(). Вместо того, чтобы привязывать обработчик событий к самим элементам, live() устанавливает его в начало дерева элементов DOM, либо элементу, указанному в роли контекста. Допустим, мы обрабатываем нажатие на div-элемент. Когда случается событие, происходит следующее:
1.нажатый div-элемент генерирует событие click.
2.если на этом элементе установлены обработчики, то они будут выполнены, после чего, событие будет передано вверх по иерархии дерева DOM.
3.пройдя таким образом несколько уровней иерархии, мы дойдем до элемента, которому был присвоен специальный обработчик события, методом live().
4.этот обработчик проверит, соответствует ли первоначально нажатый элемент селектору, применительно к которому вызывался метод live().
5.если элемент подходит, то будет вызван соответствующий обработчик.
Чтобы событию не приходилось подниматься до самого начала дерева DOM, можно указать контекст и тогда обработчик будет установлен в его начало, что сократит общее время обработки события:
// если в роли контекста можно указать один элемент, то можно сделать это так:
$('td', $('table')[0]).live('hover', function(){}) // в качестве контекста будет использована первая таблица на странице
// или так, в случае, если речь идет о нескольких элементах в роли контекста
$("table").each(function(){
$("td", this).live("hover", function(){});
});
Это копипаст с той ссылки, что писал выше. Сам я live никогда не пользовал, обычно .on() хватает.
Дублирую ссылку: jquery.page2page.ru/index.php5/%D0%A3%D1%81%D1%82%...
Надеюсь разберетесь, самому интересно стало.
В разделе особенности метода есть инфа, что live использует всплытие событий, может добавить сюда контекст, чтобы событие быстрее доходило до обработчика?
Askhat Bikmetov, просто если вы пишете с vuex, то вызов аякса надо делать в store через actions, если вы не используете для данного компонента склад, то вызов аякса будет через родителя и потом пропсами спускаться в ребенка. Если вы используете vue-resource, то там сам запрос немного по-другому пишется. Я постараюсь сегодня описать это, но позже, есть свои проекты, дедлайн горит, на досуге с радостью напишу.
Да, это и хотел написать, но думаю, вдруг кнопки не в таблице, а где-то рядом, тогда надо делать тоже самое, но селектор типа такого .таблица + .кнопка, или .таблица ~ .кнопка
Создаем "класс", в нем переменную тест делаем как раз полем этого класса. Далее создаем экземпляр класса и проводим опыты. Я проверял скрипт на div с классом res. Все работает.
Можно this.test = 0 удалить, тоже работать будет.
Nikita Hordiyenko, заходите в хром, например, на страницу, которую хотите изучить, нажимаете правой кнопкой мыши и выбираете посмотреть код страницы, или если вдруг разрабы сайта заблочили правую кнопку мыши, то жмете ctrl+shift+i далее смотрите на вкладку, в появившемся окне, Elements, видите разметку HTML, выбираете любой элемент и внизу, сбоку или еще где будет Styles. Сверху слева есть иконка прямоугольник с курсором, если нажать, то мылкой можно прямо на странице наводить на элемент и видеть его стили. Если в вкладке стили нажать дважды на любое свойство, можно его отредактировать (изменения не сохранятся, но визуально можно экспериментировать), там еще есть добавить новый стиль, и все такое прочее. Можно посмотреть вкладку Sources, увидите папки, полазить там не мешает, найдете css цельным файлом. Есть еще и такой вариант: открываете страницу, нажимаете ctrl+u и видите разметку HTML в новой вкладке, там будут ссылки на картинки, js, css, если на них кликнуть - можно читать исходники. Есть правда ньюансы, типа код пережатый, но тогда можно самый первый вариант пробовать, который вначале я описал.
Просто спасибо, мне дизайн сайта понравился, очень классный! По поводу "как сделать" уже много написали, а так, все открыто в вебе, открываете девтулз и разбираете цсс)
Николай Шабалин, да, я понял, но если писать стрелку в обработке события теряем контекст вызова, так что лучше новичкам не злоупотреблять стрелками, а то потом если в обработке события, например, ссылаться на контекст вызова, то будут сплошные андефайнды :)
Просто хотел Ваши советы дополнить уточнением этого нюанса.
AlphaDMQ, дело в том, что браузер каждый элемент на странице представляет в виде объекта, в этом объекте по ключам лежат свойства и методы этого объекта, вот у любого дива есть свойство onclick, onmouseenter, onscroll и так далее, и когда пишете div.onclick, вы обращаетесь к объекту, к его полю и в него присваиваете функцию, которая присвоится туда как ссылка, и при наступлении события браузер посмотрит, что в данном объекте в соответствующем поле и вызовет эту функцию.
Можете через querySelector найти элемент и вывести его в консоль, все там наглядно поймете, я думаю:)
Еще простой вариант: общий контейнер для картинки и блока с текстом, далее родителю display: flex, одному и второму flex-basis ставите как на макете, ширину, и первому блоку фоновую картинку, а второму остальную верстку, флексы по умолчанию растягивают детей по размеру самого большого контейнера.
Вставь этот код, перезагрузи страницу, попробуй кликнуть по чекбоксу, а затем открой консоль в девтулз и посмотри, что пишет.