0

我有一个 div,其内容由 $.post() 异步检索。检索到的内容是多个图像,每个图像都有单独的 id。我希望每个图像都在 hover() 上淡入淡出

所以我当场在我的 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>

接收到页面上的图像。收到脚本。计算出的 ids 匹配,但图像不是 fadeToggled。也没有控制台调试消息。请帮忙。

4

1 回答 1

2

您在 PHP 生成的选择器中同时拥有哈希和点:

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

产生一个类似的字符串

#mypostid.image

我不知道你的 HTML 结构,但你可能希望选择器是#mypostid .image(注意空格),所以:

<?php echo '#'.$postid.' .image'; ?> 
于 2013-07-14T09:00:28.830 回答