php - Jquery 选择器在附加后不起作用

Question

我有一个我称之为的 php 脚本，它以一种可以直接插入到容器或主体中并且可以正常工作的方式返回 html(例如 '<image id="trolleyLogoEdge" class="pictureFrame party" src="tipsyTrixy.png" >' )。将此文本附加到 div 后选择器$('#pictureFrame > img:first')行不通的。我没有使用事件处理程序或任何东西，所以我不知道为什么会遇到问题。当我刚刚在 div 中有图像标签时，我的代码运行良好。没有任何操作，所以我假设它一定是选择器问题。我已经测试了我的 php 输出，它与 div 中的 html 完全匹配。在我决定动态填充 div 之前。

        var classType = '';
        var classTypePrev = '';
        var width = $(window).width();
        var height = $(window).height();

        var size = (height + width)/2;
        var time = 0;
        $( document ).ready(function()
        {

            $.post( "pictureDirectory.php", function( data ) 
            {
                $('#picureFrame').append(data);
                startSlideshow($('#pictureFrame > img:first'));
            });

        });
        window.onresize = function() 
        {
            width = $(window).width();
        };
        function startSlideshow(myobj) 
        {


            classType = $(myobj).attr('class').split(' ')[1];
            if(classTypePrev != classType)
            {
                $('.picDescription').animate({'opacity': "0"},{duration: 2000,complete: function() {}});
                $('.picDescription.' + classType).animate({'opacity': "1"},{duration: 3000,complete: function() {}});
            }
            classTypePrev = classType;
            myobj.animate({left: "-=" + ((width/2)+ ($(myobj).width()/2) - 150), opacity: '1'},{
                duration: 5000,
                'easing': 'easeInOutCubic',
                complete: function() {}}).delay(2000).animate({left: "-=" + ((width/2)+ ($(myobj).width()/2) + 150), opacity: '0'},{
                    duration: 5000,
                    'easing': 'easeInOutCubic',
                    complete: function() 
                    {
                        $(myobj).css("left", "100%");
                    }
            });
            setTimeout(function()
            {
                var next = $(myobj).next();
                if (!next.length) 
                {
                    next = myobj.siblings().first();
                }
                startSlideshow(next)},9000);  
            }

Answer 1

将数据附加到框架的代码在 ID 选择器中存在拼写错误。

$.post( "pictureDirectory.php", function( data ) 
{
    $('#picureFrame').append(data);
             ^^here
    startSlideshow($('#pictureFrame > img:first'));
});

应该是

$('#pictureFrame').append(data);