jquery .dotdotdot не работает

Я пытался использовать метод dotdotdot в jquery, чтобы обрезать переполненный текст, но по какой-то причине он не работает. Я надеялся, что метод будет довольно простым, но я не знаю, что я делаю неправильно.

Javascript:

$(document).ready(function(){ 
    $('.dotdotdot').dotdotdot({ 
        ellipsis: '... ', 
        wrap: 'word', 
        after: null, 
        watch: true, 
        height: 40 
    }); 
});

HTML:

<div class="dotdotdot">
    <?php echo $description; /*Current div height with text exceeds 40px*/ ?>
</div>

Я не могу найти ничего, что объяснило бы, почему это не работает. Мой jquery обновлен, версия 1.8.3.

2 ответа

Решение

dotdotdot - это плагин jQuery, который необходимо загрузить отдельно и включить в него JS, а затем он должен работать. Обратитесь к http://dotdotdot.frebsite.nl/ для получения более подробной информации.

В зависимости от ваших потребностей, вы можете просто использовать эллипсы свойства text overflow

Смотрите этот сайт для более подробной информации и примера.

http://www.quirksmode.org/css/user-interface/textoverflow.html

Другие вопросы по тегам