jquery切換不能使用無限滾動和石工

基本設置是一系列的divs，當單擊鏈接時有額外的信息向下滑動。適用於第一頁的項目，但任何額外的項目顯示隱藏的div顯示和切換鏈接js不起作用。jquery切換不能使用無限滾動和石工

$(".hidden_info").hide(); 
$(".toggle_link").click(function(event) { 
    event.preventDefault(); 
    $(this).closest(".item").find(".hidden_info").slideToggle("slow"); 
}); 

var $container = $('#content'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector: '.item' 
    }); 
}); 

$container.infinitescroll({ 
navSelector : "div.navigation", 
nextSelector : "div.navigation a:first", 
itemSelector : "#content div.item", 
    loading: { 
         msgText : "Loading new products...", 
       finishedMsg: 'No more products to load.', 
      } 
}, 
function(newElements) { 
var $newElems = $(newElements).css({ opacity: 0 }); 
$newElems.imagesLoaded(function(){ 
    $newElems.animate({ opacity: 1 }); 
    $container.masonry('appended', $newElems, true); 
}); 
});

CNC中確定我有使用。對方法肘節方面的工作。新代碼如下所示：

$(document).on("click", ".toggle_link", function(event) { 
    event.preventDefault(); 
    $(this).closest(".item").find(".hidden_info").slideToggle("slow"); 
});

但是.hide的東西無法正常工作。我可能只是最終切換隱藏的內容，因此上面定位的內容默認顯示。

來源

2012-02-28 Gabe K

因此，由於元素的動態高度，切換絕對和相對定位的東西並不是一個好選擇。所以我採用了內聯風格的顯示方式：沒有隱藏的div。由於不使用JavaScript的人可以訪問，因此不是我最喜歡的選擇。但它的工作。

來源

2012-03-02 17:55:38

jquery切換不能使用無限滾動和石工

回答

相關問題