मैंने पोस्ट को https://www.solodev.com/blog/web-design/adding-a-load-more-button-to-your-content.stml लोड अधिक बटन जोड़ने के लिए।

हालांकि, यह काम नहीं कर रहा है। यह रहा मेरा jsfiddle, और यहां मैंने JS डाला है।

$(document).ready(function() {
  $(".moreBox").slice(0, 3).show();
  if ($(".blogBox:hidden").length != 0) {
    $("#loadMore").show();
  }
  $("#loadMore").on('click', function(e) {
    e.preventDefault();
    $(".moreBox:hidden").slice(0, 6).slideDown();
    if ($(".moreBox:hidden").length == 0) {
      $("#loadMore").fadeOut('slow');
    }
  });
});

मैं अपने वेबसाइट ब्लॉग अनुभाग पर एक बार में 3 पोस्ट दिखाना चाहता हूं।

1
Arya D 29 मार्च 2018, 13:12

3 जवाब

कृपया इस fiddle का उपयोग करें

मैंने jquery.min.js फ़ाइल जोड़ी है।

इस लाइन को भी अपडेट किया।

<div class="text-center pb-5" id="loadMore">
    <a href="#" class="btn btn-primary">Load More</a>
</div>
0
Sarvan Kumar 29 मार्च 2018, 10:50

यहां आपके पास बुनियादी चीजें गलत हैं जिन्हें आपको एक नज़र में देखने में सक्षम होना चाहिए।

1) कोड संपादक में हाइलाइट की गई सिंटैक्स त्रुटि:

<id="loadMore"><a href="#" class="btn btn-primary">Load More</a>

क्या यह आपको मान्य HTML जैसा दिखता है? आईडी विशेषता को एंकर टैग में ले जाएं।

2) jQuery स्लिम में स्लाइडडाउन फ़ंक्शन नहीं है - यह पतला संस्करण है

आपने देखा होगा कि अपनी सिंटैक्स समस्या को ठीक करने के बाद कंसोल को खोलकर और यह देखते हुए कि गैर-मौजूदा फ़ंक्शन के बारे में एक अपवाद था।

३) जबकि कोड अब काम करेगा, यह केवल अधिकतम ६ वस्तुओं के लिए काम करेगा, सोचिए आप अनुमान लगा सकते हैं क्यों!

$(".moreBox:hidden").slice(0, $(".moreBox:visible").length + 3).slideDown();

वर्किंग फिडेल: https://jsfiddle.net/ecxervpj/1/

0
Dominic 29 मार्च 2018, 10:46

अपना jQuery बदलें .. मुझे आशा है कि यह कोड आपके लिए उपयोगी होगा

$(document).ready(function(){
      $("#loadMore").on('click',function(e){
        e.preventDefault();
        $(".moreBox").show();
      });
});
0
John David 29 मार्च 2018, 10:46