многоточие многоточия не применяется к заголовкам flexslider

Question

многоточие многоточия не применяется к заголовкам flexslider

0

Я хочу добавить эллипсы для слайдов в слайд-шоу flexslider, используя библиотеку jQuery dotdotdot:

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "fade"
  });
  $(".caption .title").dotdotdot();
  $(".caption .description").dotdotdot();
});

Эллипсис добавляется только к первому слайду:

http://jsbin.com/UbOmOxu/5

Если я перемещаю .flexslider() после .dotdotdot() то даже первый слайд не получает многоточие.

http://jsbin.com/UbOmOxu/3

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

Кто-нибудь знает, как я могу получить dotdotdot для обработки всех субтитров слайдов в этом слайд-шоу?

JamesWilson 12 нояб. 2013, в 17:18

Источник

1

Скорее всего, проблема в том, что вы вызываете .dotdotdot для элементов, прежде чем они будут видны. JSBin, похоже, ничего не делает, так что это не так полезно. Вам нужно будет вызывать .dotdotdot для каждого элемента, так как каждый элемент отображается внутри flexslider. Или перестаньте использовать плагин .dotdotdot и сделайте это самостоятельно.
Kevin B 12 нояб. 2013, в 16:18
0

Ой, jsbin мне не понравился, функциональность "сохранить" не очень хорошо работает. Попробуйте jsbin.com/UbOmOxu/5
JamesWilson 12 нояб. 2013, в 16:30

Теги:

javascript

jquery

html

ellipsis

flexslider

1 ответ

Ещё вопросы

Скорее всего, проблема в том, что вы вызываете .dotdotdot для элементов, прежде чем они будут видны. JSBin, похоже, ничего не делает, так что это не так полезно. Вам нужно будет вызывать .dotdotdot для каждого элемента, так как каждый элемент отображается внутри flexslider. Или перестаньте использовать плагин .dotdotdot и сделайте это самостоятельно.
Ой, jsbin мне не понравился, функциональность "сохранить" не очень хорошо работает. Попробуйте jsbin.com/UbOmOxu/5

Leite · Accepted Answer · 2013-11-12T13-59-00.000Z

Если вы установите для параметра watch значение true, оно должно работать.

$(".caption .title").dotdotdot({ watch: true });
$(".caption .description").dotdotdot({ watch: true });

Тем не менее, я использовал его в прошлом и на большой странице со значительным количеством элементов, поэтому он был довольно медленным, затрагивая прокрутку и базовое взаимодействие со страницей, особенно IE8.

Проблема в том, что он пишет слово в слово в DOM, пока он больше не подходит для слов, переписывая, поэтому он пишет, может быть, 5 слов за раз или больше (в зависимости от размера вашего контейнера) должны помочь в производительности, не имеют какие-либо тесты, но это может быть не очень заметно.

Спасибо, Лейте. Я знал о варианте «смотреть», но совершенно забыл даже попробовать это! Это работает, как вы можете видеть здесь: jsbin.com/UbOmOxu/6