Я хочу добавить эллипсы для слайдов в слайд-шоу flexslider, используя библиотеку jQuery dotdotdot:
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade"
});
$(".caption .title").dotdotdot();
$(".caption .description").dotdotdot();
});
Эллипсис добавляется только к первому слайду:
Если я перемещаю .flexslider()
после .dotdotdot()
то даже первый слайд не получает многоточие.
Я читал другие вопросы о помощи, поэтому в отношении dotdotdot утверждают, что абсолютно позиционированные элементы могут иметь эффект, однако ясно, что это не так, на четвертой версии вышеупомянутого jsbin (извините, не хватает точек репутации для размещения более двух ссылок).
Кто-нибудь знает, как я могу получить dotdotdot для обработки всех субтитров слайдов в этом слайд-шоу?
Если вы установите для параметра watch значение true, оно должно работать.
$(".caption .title").dotdotdot({ watch: true });
$(".caption .description").dotdotdot({ watch: true });
Тем не менее, я использовал его в прошлом и на большой странице со значительным количеством элементов, поэтому он был довольно медленным, затрагивая прокрутку и базовое взаимодействие со страницей, особенно IE8.
Проблема в том, что он пишет слово в слово в DOM, пока он больше не подходит для слов, переписывая, поэтому он пишет, может быть, 5 слов за раз или больше (в зависимости от размера вашего контейнера) должны помочь в производительности, не имеют какие-либо тесты, но это может быть не очень заметно.