php - jquery fadeToggle 不适用于回显脚本

Question

我有一个 div，其内容由 $.post() 异步检索。检索到的内容是多个图像，每个图像都有单独的 ID。我希望每个图像在悬停时淡入淡出()

所以我在我的 php 中当场计算图像 id，生成图像并添加 jquery 处理程序并回显结果:

<script type="text/javascript">
$(document).ready(function ()
    {
        $("<?php echo '#'.$postid.'image'; ?>").hover(function()
            {
                $(this).fadeToggle("fast");
            },
            function()
            {
                $(this).fadeToggle("fast");
            });

    });

HTML:

<div id="<?php echo $postid; ?>" class="post_box" > 
<img src="<?php echo '/way2tweek'.$path.$name; ?>" width="500" class="img_get"   
draggable="false" alt="<?php echo $postid; ?>" id="<?php echo $postid.'image'; ?>">
<div class="imageproperty" id="<?php echo $postid.'props'?>">

</div>
</div>

页面上的图像被接收。脚本已收到。计算出的 id 匹配，但图像未进行 fadeToggled。也没有控制台调试消息。请帮忙。

Answer 1

PHP 生成的选择器中同时包含哈希值和点:

<?php echo '#'.$postid.'.image'; ?> 

产生一个像

这样的字符串

#mypostid.image

我不知道您的 HTML 结构，但您可能希望选择器为 #mypostid .image (注意空格)，因此:

<?php echo '#'.$postid.' .image'; ?>