これが私のjqueryです：
$(function(){
$('.messagediv').on('mouseover', function() {
$(this).find('.deletelistenchatcontainer').css({'display':'block'});
$(this).find('.hidefordeletelistenchat').css({'display':'none'});
}).on('mouseout', function(){
$(this).find('.deletelistenchatcontainer').css('display', 'none');
$(this).find('.hidefordeletelistenchat').css({'display':'block'});
});
});
これが私のphpです：
$id2 = mysql_real_escape_string($id2);
$getdata8 = mysql_query("SELECT * FROM musicbook WHERE identify='$identify' ORDER BY id DESC LIMIT 20");
$numrowsgetdata = mysql_num_rows($getdata8);
if ((mysql_num_rows($getdata8))<1)
{
echo "<i>Be the first to say something?</i><p/>";
}
while ($row8 = mysql_fetch_assoc($getdata8))
{
$id8 = $row8['id'];
$name8 = $row8['name'];
$message8 = $row8['message'];
$message10 = nl2br($message8);
$date8 = $row8['date'];
if ($name8==$username)
{
echo "
<section class='hover'>
<div class='messagediv' style='background:#1A1A1A;'><div style='padding:5px;'>$message10<br/>
<div style='margin-top:4px; font-size:.8em; float:left;'><div class='hidefordeletelistenchat' style='float:left;'><a href='http://www.pearlsquirrel.com/$name8' style='color:white;'>$name8</a><font style='color:#D6D6D6'> on $date8</font></div>
<div class='deletelistenchatcontainer' style='float:left;color:#FFF;display:none;z-index:10;background:#1a1a1a'><input type='hidden' id='wpm2' value='$id8'><img src='cross.png' style='float:left;' alt='PearlSquirrel'/><span class='hoverdeletetext' onclick='LinkOnClick4($id8);'>Delete</span></div></div></div></div>
</section>
";
}
else
{
echo "
<div class='messagediv'><div style='padding:5px;'>$message10<br/>
<div style='margin-top:4px; font-size:.8em; float:left;'><div style='float:left;'><a href='http://www.pearlsquirrel.com/$name8' style='color:white;'>$name8</a><font style='color:#D6D6D6'> on $date8</font></div>
</div></div></div>";
}
}
if($numrowsgetdata >= 20)
{
echo "<div id='loadingcomments'><img src='loading.gif' style='height:30px; width:30px;'></div>";
}
上記のコードは正常に動作します。ただし、これはユーザーコメントシステムです。ユーザーがコメントを削除した後、上記の同じphp関数でdivをリロードしますが、これを行うと、上記のjqueryは動的に生成されたコンテンツで機能しなくなります。私が使用している .load() 属性でロードされたコンテンツに問題があることは知っていますが、これを適切に機能させる方法を知っている人はいますか? .live() 属性などを使用する必要がありますか? ありがとう！