2013-04-29 3 views
2

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

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.

+6

Это не стандартная функция JQuery. Вы включили плагин, который его предоставляет? – JJJ

+1

Кроме того, jQuery 1.8.3 не совсем «обновлен». – JJJ

+0

@Juhana, что такое обновленная версия? – Alex

ответ

3

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

+0

ОК, это имеет смысл. спасибо – Alex

0

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

Смотреть этот сайт для получения более подробной информации, а также пример.

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

+1

Я использую версию css, единственная проблема - она ​​работает только для текста, который находится на одной строке, а не абзаца – Alex