jquery-isotope

问题 I would like to set the jQuery Isotope shuffle method to to perform an animated shuffle of the loaded DOM elements every 30 seconds that someone is on the page with the plugin loaded. I have had success tying the animation to a .hover() event, but I cannot seem to get it to fire when I use setInterval() or .queue() . I want the animation to fire regardless of user interaction/input. var iso_shuffle = function() { $('#isotope').isotope('shuffle'); } setInterval(iso_shuffle(), 2500); Why does

问题 All of my isotope elements have classes describing the price. For example: <figure class="items cap-top VAUT price9800 lon-118.40036 lat34.07364 isotope-item">... </figure> I have a listening object on a jQuery range slider that returns a price range: // Init price slider with range $0-$500 $('.slider').slider({ min: 0, max: 500, step: 100, value: [0,500] }); //Price Slider Listener $('#priceSlider').on('slideStop', function() { selectedPriceRange = $('input[id=priceSlider]').val(); var

问题 I have a small issue with the isotope plugin. When my web page is loaded, Isotope will display all the elements. I'd like to have it display a single category instead. How can i achieve it? Thanks in advance for your help! 回答1: Just supply a filter in the options of your initial call to isotope that will select only the items you want: $('#someid').isotope({filter: '.someclassonMyCategoryElements'}); PS. It would help if you show your existing code, so we all have some context to work from :)

问题 I have four levels of filter, basically: format, region, demographics and interests. <div class="form-div"> <input type="checkbox" data-filter="i-newspaper"> <input type="checkbox" data-filter="i-magazine"> </div> <div class="form-div"> <input type="checkbox" data-filter="i-northland"> <input type="checkbox" data-filter="i-southland"> </div> <div class="form-div"> <select> <option value="4" data-filter="i-digital">Digital</option> <option value="1" data-filter="i-manufacturing">Manufacturing<

问题 I want to sort my products in the list.phtml, I want to have one big product in the right, I want to be like in this image. My HTML code is like this: <ul class="products-grid row four-columns first last odd"> <li class="item type-1 quick-view-container"> <div class="quick-view-data-container"></div> <div class="inner"> <div class="image-box"> <div class="product-labels-wrapper clearfix"> <a class="product-image" title="" href="tori-tank.html"> <div class="ajax-media-overlay"> <div class=

问题 I am using the following code to currently display a specified amount (24) of my custom post types on WP, as well as using the project categories to filter through the posts dynamically. <!-- Display Filters for Posts ---> <ul id="filters"> <li><a href="#" data-filter="*" class="selected">Everything</a></li> <?php $terms = get_terms("project_categories"); // get all categories, but you can use any taxonomy $count = count($terms); //How many are they? if ( $count > 0 ){ //If there are more

问题 I'm using LightGallery to showcase my portfolio and isotope to filter the categories. As my images are in high quality I'm trying to use ImageLoaded but not able to achieve, still learning jQuery. I want the ImageLoaded to load the images in the background while a preloader(css or gif) is displayed and when its done loading give an entrance to the image like a zoom-in. My Codepen $(document).ready(function() { var $gallery = $('#gallery'); var $boxes = $('.revGallery-anchor'); $boxes.hide();

问题 I've built this isotope module - but I want to enhance it - so it snaps to the bottom, and can take updates from a json request. Also if a change occurs - like an online user views a profile - to make the change to a personal reference on the user's page. http://jsfiddle.net/CXqM2/26/ Here is the current code var $container = $( '#isotope' ), // @see {@link http://fgnass.github.io/spin.js} spinJsConfiguration = { lines: 5, // The number of lines to draw length: 3, // The length of each line

问题 I'm looking to run a function before/on init and then as soon Isotope finishes animating and then as soon as isotope is triggered again to reset the function so that it reflects the new layout 'onLayout'. The following code will run when Isotope finishes, but it keeps and multiplies out the function multiple times which is not what I'm looking for:- $(".grid").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){ // the function $('.2017').wrapAll( '<div class=

问题 I have a filter search working that has 2 category filters: Category Business Type The filter buttons are built using the checkbox hack so that I can select multiple ones at a time. My problem is, if I select 2 from the top (category) section, it will filter. Ie: Landing Pages / Blogs But if I select 1 from the top and 1 from the bottom (ie: Blogs / B2B) It will pull all the B2B options and not just the blogs. I believe my problem is happening where I join the filters in Isotope.JS. Here is