jQueryには、divにカーソルを合わせると消えて、代わりに別のdivが表示される関数があります。この関数は、無限スクロールにAjaxを使用してアイテムをロードするまでうまく機能します。私はそれが新しい要素をバインドすることに関係していることを知っています(私が読んだものから、on()を使用して)、しかし私はjQueryに慣れていないので、この変更を実装する方法がわかりません。過去数時間ですが、前進していません。
(特定の問題:new_socialホバーは、新しくロードされたアイテムのajaxロードで壊れます)
特にコード形式で、どんな助けでも大歓迎です!本当にありがとう!
関数は次のとおりです。
$("a.share").hover(function(){
$(this).closest($('div.new_story')).children("div.new_social_buttons").show();
$(this).closest(".new_social").hide();
},
function(){
});
$("div.new_social_buttons").hover(function(){
},
function(){
$(this).hide();
$(this).closest($('div.new_story')).children("div.new_social").show();
});
ajaxロード関数は次のとおりです。
jQuery.ias({
container : '#middle',
item: '.new_story',
pagination: '#pagination',
next: 'a.next',
loader: '<img src="loader.gif"/>',
history: false
});
ここで無限スクロールを取得しました。関数呼び出しの背後にjQueryがあると思います: https ://github.com/webcreate/Infinite-Ajax-Scroll
再度、感謝します!