Product Reviews
Site Reviews
`); // 总页数大于6必显示省略号 if (totalNum > 6) { // 1、当前页码小于5且总页码大于6 省略号显示后面+总页码 if (pageNum < 5) { // 1与6主要看要显示多少个按钮 目前都显示5个 for (var i = 1; i < 6; i++) { if (pageNum !== i) { content.push("
" + i + "
"); } else { content.push("
" + i + "
"); } } content.push("
" + ". . ." + "
"); content.push("
" + totalNum + "
"); } else { // 2、当前页码接近后面 到最后页码隔3个 省略号显示后面+总页面 if (pageNum < totalNum - 3) { for (var i = pageNum - 2; i < pageNum + 3; i++) { if (pageNum !== i) { content.push("
" + i + "
"); } else { content.push("
" + i + "
"); } } content.push("
" + ". . ." + "
"); content.push("
" + totalNum + "
"); } else { // 3、页码至少在5,最多在【totalNum - 3】的中间位置 第一页+省略号显示前面 content.push("
" + 1 + "
"); content.push("
" + ". . ." + "
"); for (var i = totalNum - 4; i < totalNum + 1; i++) { if (pageNum !== i) { content.push("
" + i + "
"); } else { content.push("
" + i + "
"); } } } } } else { // 总页数小于6 for (var i = 1; i < totalNum + 1; i++) { if (pageNum !== i) { content.push("
" + i + "
"); } else { content.push("
" + i + "
"); } } } content.push(`
`); me.element.html(content.join('')); // DOM重新生成后每次调用是否禁用button setTimeout(function () { me.dis(); }, 20); }, bindEvent: function () { var me = this; me.element.off('click', '.button'); // 委托新生成的dom监听事件 me.element.on('click', '.button', function () { var id = $(this).attr('id'); var num = parseInt($(this).html()); var pageNum = me.options.pageNum; if (id === 'prePage') { if (pageNum !== 1) { me.options.pageNum -= 1; scrollToTop() } } else if (id === 'nextPage') { if (pageNum !== me.options.totalNum) { me.options.pageNum += 1; scrollToTop() } } else if (id === 'firstPage') { if (pageNum !== 1) { me.options.pageNum = 1; scrollToTop() } } else if (id === 'lastPage') { if (pageNum !== me.options.totalNum) { me.options.pageNum = me.options.totalNum; } } else { me.options.pageNum = num; scrollToTop() } me.createHtml(); if (me.options.callback) { me.options.callback(me.options.pageNum); } }); }, dis: function () { var me = this; var pageNum = me.options.pageNum; var totalNum = me.options.totalNum; if (pageNum === 1) { me.element.children('#firstPage, #prePage').prop('disabled', true); } else if (pageNum === totalNum) { me.element.children('#lastPage, #nextPage').prop('disabled', true); } } }; $.fn.paging = function (options) { return new Paging($(this), options); } })(jQuery, window, document);
![Shapellx Review | Shapewear & Waist Trainer Review | Shapellx.com (1) Shapellx Review | Shapewear & Waist Trainer Review | Shapellx.com (1)](https://i0.wp.com/cdn.shopify.com/s/files/1/0261/7058/9218/files/st.png?v=1659065642)
${topxingHtml}
` $('.reviews-main-top').append(parentStars) for (var i = 0; i < reviewsData.length; i++) { if (reviewsData[i].reviewOptionsList.length > 0) { for (var j = 0; j < reviewsData[i].reviewOptionsList.length; j++) { var fit = reviewsData[i].reviewOptionsList[0].message + ':' || '' var fitValue = reviewsData[i].reviewOptionsList[0].value || '' var quality = reviewsData[i].reviewOptionsList[1].message + ':' || '' var qualityValue = reviewsData[i].reviewOptionsList[1].value || '' var weight = reviewsData[i].reviewOptionsList[2].message + ':' || '' var weightValue = reviewsData[i].reviewOptionsList[2].value + ' /' || '' var size = reviewsData[i].reviewOptionsList[3].message + ':' || '' var sizeValue = reviewsData[i].reviewOptionsList[3].value + ' /' || '' var purchased = reviewsData[i].reviewOptionsList[4].message + ':' || '' var purchasedValue = reviewsData[i].reviewOptionsList[4].value || '' console.log(fitValue) if(fitValue == '1'){ fitValue = 'Small'+ ' /' }else if(fitValue == '2') { fitValue = 'A little smaller'+ ' /' }else if(fitValue == '3') { fitValue = 'True to size'+ ' /' }else if(fitValue == '4') { fitValue = 'A little larger'+ ' /' }else if(fitValue == '5') { fitValue = 'Large'+ ' /' } if(qualityValue == '1'){ qualityValue = 'Poor' }else if(qualityValue == '2') { qualityValue = 'Accepted' }else if(qualityValue == '3') { qualityValue = 'Good' }else if(qualityValue == '4') { qualityValue = 'Very Good' }else if(qualityValue == '5') { qualityValue = 'Excellent' } } } else { var fit = '' var fitValue = '' var quality = '' var qualityValue = '' var weight = '' var weightValue = '' var size = '' var sizeValue = '' var purchased = '' var purchasedValue = '' } var productName = reviewsData[i].productName || '' var productVariantName = reviewsData[i].productVariantName || '' var author = reviewsData[i].author || '' var productUrl = reviewsData[i].productUrl || '' var productImageUrl = reviewsData[i].productImageUrl || '' var reviewTitle = reviewsData[i].reviewTitle || '' var reviewMessage = reviewsData[i].reviewMessage || '' var reviewDate = reviewsData[i].reviewDate || '' var reviewReply = reviewsData[i].reviewReply || '' // if (reviewsData[i].reviewReply.length == 0) { // } var xingHtml = '' for (var k = 0; k < reviewsData[i].reviewRating; k++) { xingHtml += `![Shapellx Review | Shapewear & Waist Trainer Review | Shapellx.com (2) Shapellx Review | Shapewear & Waist Trainer Review | Shapellx.com (2)](https://i0.wp.com/cdn.shopify.com/s/files/1/0261/7058/9218/files/st.png?v=1659065642)
${firstName}
${author}
Verified Buyer
${productName} ${productVariantName}
${reviewTitle}
${reviewMessage}
${fit} ${fitValue} ${quality} ${qualityValue}
${weight} ${weightValue} ${size} ${sizeValue} ${purchased} ${purchasedValue}
${xingHtml}
${reviewDate}
Shapellx:
${reviewReply}
Based on ${data.totalAll} Reviews` $('.reviews-main-top').html(totalHtml) for (var i = 0; i < siteReviewsData.length; i++) { var siteReviewMessage = siteReviewsData[i].reviewMessage || '' var siteAuthor = siteReviewsData[i].author || '' var siteReviewDate = siteReviewsData[i].reviewDate || '' var siteTotalAll = siteReviewsData[i].totalAll || '' var firstName_site = siteAuthor.slice(0, 1) var boxHtml_site = '' boxHtml_site += `
${firstName_site}
${siteAuthor}
${siteReviewMessage}
${siteReviewDate}
` $('.reviews-box').append(boxHtml_site) } $("#page").paging({ pageNum: num, // 当前页面 totalNum: PageCount2, // 总页码 totalList: data.totalAll, // 记录总数量 callback: function (num) { //回调函数 siteReview(num) } }); }).fail(function (jqxhr, textStatus, error) { ajaxbg.hide(); }); } $('.tab-nav .tab-item').click(function () { var index = $(this).index() $(this).addClass('active').siblings().removeClass('active') if (index == 0) { scrollToTop() $('.reviews-main-top').empty() $('.reviews-box').empty() productReview() } else { scrollToTop() $('.reviews-main-top').empty() $('.reviews-box').empty() siteReview() } })