Küçük Bir Js Sorusu (Filtreleme)
-
iyi geceler, videonun etiketine göre tıklayınca videoları listeleyen bir js kodu var ama ilk başta bütün videoları listeliyor 60-70 tane video olduğu için sayfanın açılması vs çok uzun sürüyor hepsi seçeneği seçiliyken hepsini değilde bi sayı kadar nasıl gösterebilirim?
//////////////// Masonry mr = (function (mr, $, window, document){ "use strict"; var documentReady = function($){ $('.masonry').each(function(){ var masonry = $(this); var masonryContainer = masonry.find('.masonry__container'), filters = masonry.find('.masonry__filters'), // data-filter-all-text can be used to set the word for "all" filterAllText = typeof filters.attr('data-filter-all-text') !== typeof undefined ? filters.attr('data-filter-all-text') : "All", filtersList; // If a filterable masonry item exists if(masonryContainer.find('.masonry__item[data-masonry-filter]').length){ // Create empty ul for filters filters.append('<ul></ul>'); filtersList = filters.find('> ul'); // Add a filter "all" option filtersList.append('<li class="active" data-masonry-filter="*">'+filterAllText+'</li>'); // To avoid cases where user leave filter attribute blank // only take items that have filter attribute masonryContainer.find('.masonry__item[data-masonry-filter]').each(function(){ var masonryItem = $(this), filterString = masonryItem.attr('data-masonry-filter'), filtersArray = []; // If not undefined or empty if(typeof filterString !== typeof undefined && filterString !== ""){ // Split tags from string into array filtersArray = filterString.split(','); } jQuery(filtersArray).each(function(index, tag){ // Add the filter class to the masonry item masonryItem.addClass('filter-'+tag); // If this tag does not appear in the list already, add it if(!filtersList.find('[data-masonry-filter="'+tag+'"]').length){ filtersList.append('<li data-masonry-filter="'+tag+'">'+tag+'</li>'); } }); }); } //End of "if filterable masonry item exists"
hepsi seçilirken işleyen kod bu
visualeffects tarafından 19/Eyl/16 00:45 tarihinde düzenlenmiştir -
yukarı ∆
-
son kez up olsun
-
Hocam ilgili li elementlerinin class değeri nedir?
En iyi ihtimalle aklıma sayfa yüklenirken li elementlerinin ilk 20'sini göster deriz.
-
<div class="main-container"> <section class="masonry-contained"> <div class="container"> <div class="row"> <div class="masonry"> <div class="masonry__filters" data-filter-all-text="Hepsi"></div> <div class="masonry__container masonry--animate masonry--active"> <div class="col-sm-6 col-xs-12 masonry__item" data-masonry-filter="hyundai"> <iframe allowfullscreen="allowfullscreen" src="https://player.vimeo.com/video/169307425?autoplay=0"></iframe> </div> <div class="col-sm-6 col-xs-12 masonry__item" data-masonry-filter="bosch"> <iframe allowfullscreen="allowfullscreen" src="https://player.vimeo.com/video/161462069?autoplay=0"></iframe> </div> . . .