2014-09-29 2 views
0

Я нашел это script (больше/меньше текста). Когда я реализовал код с jQuery lib 1.11, он не работает. Я не знаю, почему?jQuery новейшая библиотека не работает скрипт

Код:

<span class="teaser">text goes here</span> 
<span class="complete"> this is the complete text being shown</span> 
<span class="more">more...</span> 

JQuery:

$(".more").toggle(function(){ 
    $(this).text("less..").siblings(".complete").show();  
}, function(){ 
    $(this).text("more..").siblings(".complete").hide();  
}); 

Может обратиться за помощью? Спасибо

+1

Есть ошибки в панели управления вашим браузером? Что не работает? В среднем, конкретно? О, и ['toggle()'] (http://api.jquery.com/toggle-event/) был удален в jQuery 1.9; поэтому там должны быть ошибки. –

+0

см. Http://stackoverflow.com/a/14383246/128165 для реализации устаревшего метода 'toggle'. –

ответ

2

toggletoggle Используется для элементов, которые вы хотите показать и спрятать, а не быть происходящим событием. Вы, вероятно, хотите, чтобы связываться с the click event из more:

$(".more").click(function(){ 
    if ($(this).siblings(".complete").is(":visible")) 
     $(this).text("more..").siblings(".complete").hide();  
    else 
     $(this).text("less..").siblings(".complete").show();  
}); 

toggle event осуждался в JQuery 1.8 и удалены в версии 1.9.

Updated fiddle

+0

Обратите внимание, что ваша скрипка работает так, как она ссылается на jQuery 1.5.2. –

Смежные вопросы