Question

我正在尝试将类添加到iframe（在同一个域中）元素，但在此处检查一些相同的问题并提出解决方案。

iframe位于body标签旁边，js位于body标签之前。

<script>
$(document).ready(function() {
    $('#my-iframe').contents().find('#mnucompany').addClass('is-active');       
    console.log('ok');
});
</script>

除了OK日志外，控制台中没有显示错误，但该类未添加到#mnucompany。

还有什么可能是错的？任何重要提示都将受到赞赏。

Answer 1

在我们的评论之后：

您应该等待加载iframe！

$(document).ready(function() {
 $('#my-iframe').on('load',function (){
    $('#my-iframe').contents().find('#mnucompany').addClass('is-active');       
    console.log('ok');
});
});

Answer 2

$(document).ready(function() {
        var myVar = setTimeout(function () {
            var $mnuCompany = $('#my-iframe').contents().find('#mnucompany');
            if($mnuCompany.length>0){
                $('#my-iframe').contents().find('#mnucompany').addClass('is-active');       
                console.log('ok');
                clearTimeout(myVar);
            }
        });
    }, 1500);

jquery iframe项目选择器无法正常工作

2 个答案: