[英]Minimize paragraph after 100 characters
我有一段JavaScript,其中包含一個可變的ratingtext
,其值表示300個字符。
然后,我設置了一些jQuery,以最小化P文本並顯示或多或少。
這已經過測試的jsfiddel內的散裝段落文本,但是當我嘗試了jQuery在我的JavaScript結束,並嘗試將腳本應用到我的JavaScript它的劑量顯示或多或少 <a>
我的JavaScript
rating += '<div class="da2-da8"><p class="minimize' + i + '">' + ratingtext + '</p></div>';
$('.ratings').append(rating);
$('img').error(function () {
$(this).attr('src', 'https://lh6.googleusercontent.com/-t8_QcDAPeX0/AAAAAAAAAAI/AAAAAAAAAAA/CBAXQhe_R-A/w60-h60-p-mo/photo.jpg');
});
我在JavaScript下的jQuery
jQuery(function(){
var minimized_elements = $('p.minimize');
minimized_elements.each(function() {
var t = $(this).text();
if(t.length < 100) return;
$(this).html(
t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+
'<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>'
);
});
$('a.more', minimized_elements).click(function(event){
event.preventDefault();
$(this).hide().prev().hide();
$(this).next().show();
});
$('a.less', minimized_elements).click(function(event){
event.preventDefault();
$(this).parent().hide().prev().show().prev().show();
});
});
簡單的解決方法,一個周末后,我已經看到我的錯誤海峽了
rating += '<div class="da2-da8"><p class="minimize">' + ratingtext + '</p></div>';
$('.ratings').append(rating);
$('img').error(function () {
$(this).attr('src', 'https://lh6.googleusercontent.com/-t8_QcDAPeX0/AAAAAAAAAAI/AAAAAAAAAAA/CBAXQhe_R-A/w60-h60-p-mo/photo.jpg');
});
刪除ID中的“ +1”
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.