jQuery affixing display: block

1 Cevap php

I have a message board, and I have some code that loads new messages automatically as they arrive. I have, addtionally, the following code run on all board posts.


$(".old_post").hover(function(){
    		$(".post_right_nav", this).show();
            $(this).css({
                'background-color': '#E6E6E6'
            });
        }, function(){
            var cssObj = {
                'background-color': '',
                'font-weight': ''
            }
            $(this).css(cssObj);
    		$(".post_right_nav", this).hide();
        });

All the new posts don't get this hover effect, even though they belong to the same class. In addtion, while all the posts that are NOT loaded via AJAX have the following div:

<div id="id_number" class="old_post" style="">

Yeni mesaj var

<div id="id_number" class="old_post" style="display: block;">

Sunucu tarafında aynı üzerindeki mesajları oluşturur fonksiyonu.

Bu konuda herhangi bir yardım? (Nasıl bir onHover etkiye sahip AJAX-ed Mesajları alabilirim?)

1 Cevap

Sen live (docs here) bir olay bağlamak için kullanmanız gerekir. Eğer kod bölmek ve mouseover ve mouseout olay işleyicileri tanımlamak zorunda yazık ki live hover desteklemiyor.

$(".old_post").live('mouseover', function() {
    $(".post_right_nav", this).show();
    $(this).css({
        'background-color': '#E6E6E6'
    });
});

$(".old_post").live('mouseout', function(){
    var cssObj = {
        'background-color': '',
        'font-weight': ''
    }
    $(this).css(cssObj);
    $(".post_right_nav", this).hide();
});

etiketler