如何添加样式到无限滚动追加DOM

Question

我使用infinite-scroll时遇到问题，因为即使我使用外链接脚本也失败了，附加也会失败。

这是我需要在追加

中使用的代码

$("video").css({'width':'580px','height':'432px'});    

我找到了一些关于使用.on()或.bind()的解决方案，但它只适用于鼠标事件，我使用$("video").on('load',function(){...})也失败了。

$("video").on('load',function(){
    $(this).css({'width':'580px','height':'432px'});    
});     

滚动功能存在同样的问题：窗口scoll功能无法在附加html中工作，但可以在没有无限滚动效果的其他页面中工作。

我该怎样处理这个问题？

Answer 1

为了添加CSS，为什么不将它添加到你的风格中呢？

video {
    width: 580px;
    height: 432px;
    }

如果您需要使用JQuery，请在附加事件处理程序时绑定到页面中存在的元素并使用事件委派。

$(document).on('loadeddata', 'video', function(){
    $(this).css({'width':'580px','height':'432px'});

});

您可以使用更接近的元素而不是$（文档），例如$（“＃videoContainer”）。如果在页面加载时存在包含元素，则可以在那里绑定。这只需要绑定一次。

或者，您需要在添加新内容后重新绑定。

$("video").unbind("loadeddata");
$("video").on("loadeddata", function () {
        $(this).css({'width':'580px','height':'432px'});
    });