0

load（）関数を使用して要素をdivにロードしています。ただし、cssの：hover効果は、does要素では機能しなくなります。

これは、次のような動的メニューです。

<div id='main-menu'>
<ul>
<li class='click-me hover-me'></li>
</ul>
</div>

<div id='alternative-menu'>
</div>

次に、新しいメニューを代替メニューにロードし、jsで古いメニューを非表示にします。

$(document).on('click', '.click-me', function(){

    $('#alternative-menu').load('newmenu.php', function(){$('#main-menu').hide();});
});

新しいメニューのhtmlコードは次のようになります。

echo "
    <ul>
    <li class='click-me hover-me'></li>
    </ul>";

私のCSSで私は持っています：

.hover-me{
font-size:12px;
}

.hover-me:hover{
background-color:#eeeeee;
}

それを修正する方法はありますか？

4

1 に答える 1

1

ロード後にjQueryを使用して適切なCSSクラスを追加しようとするとどうなりますか。

多分次のようなものです：

$('#alternative-menu').load('newmenu.php', function() {
    $('#main-menu').hide();
}).children("li").addClass("hover-me");
于 2012-05-29T16:23:46.990 に答える