用jQuery改變$符號

嗯，我想讓無限滾動的砌體工作，我發現官方appended方法（http://desandro.github.io/masonry/demos/infinite-scroll.html），並試圖使它在我的代碼上工作。但我需要更改一些$到jQuery現在它的工作作爲石工，但infinte滾動仍然無法正常工作，我想知道如果我忘記了美元符號更改爲jQuery從我的代碼請幫我

<script > 
    jQuery(function(){ 

    var $container = jQuery('ul.products'); 

    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector: 'li.product', 
     columnWidth : 295, 
    isFitWidth: true, 
     gutterWidth : 2 
     }); 
    }); 

    $container.infinitescroll({ 
     navSelector : '#page-nav-woo', // selector for the paged navigation 
     nextSelector : '.next', // selector for the NEXT link (to page 2) 
     itemSelector : 'li.product',  // selector for all items you'll retrieve 
     loading: { 
      finishedMsg: 'No more pages to load.', 
      img: 'http://i.imgur.com/6RMhx.gif' 
     } 
     }, 
     // trigger Masonry as a callback 
     function(newElements) { 
     // hide new items while they are loading 
     var $newElems = jQuery(newElements).css({ opacity: 0 }); 
     // ensure that images load before adding to masonry layout 
     $newElems.imagesLoaded(function(){ 
      // show elems now they're ready 
      $newElems.animate({ opacity: 1 }); 
      $container.masonry('appended', $newElems, true); 
     }); 
     } 
    ); 

    }); 
</script>

來源

2013-10-31 Liza

你爲什麼不只是改變所有$ jQuery的，看看會發生什麼？ –

你的代碼看起來很好，你鏈接到'Masonry' jQuery插件嗎？ – Nunners

@AndyHolmes @AndyHolmes試了一下，它打破了一切（我的意思是石工） – Liza

好我的問題的解決方案是這樣的：

1.I安裝了WP-插件添加

2.對於回調部分：

var $newElems = jQuery(newElements).css({ opacity: 0 }); 
     // ensure that images load before adding to masonry layout 
     $newElems.imagesLoaded(function(){ 
      // show elems now they're ready 
      $newElems.animate({ opacity: 1 }); 
      $container.append($newElems).masonry('appended', $newElems, true); 
     });

3.行爲：砌體

它的作品就像一個魅力！謝謝大家！

來源

2013-10-31 15:51:19 Liza

或者，你可以在一個封閉包裹你的腳本：

(function($) { 
    // i can use $ instead of jQuery 
} (jQuery));

或

(function(jQuery) { 
    // i can use jQuery instead of $ 
} ($));

來源

2013-10-31 15:54:23

用jQuery改變$符號

回答

相關問題