Question

$.colorbox({ href: previewLink, iframe: true, width: "90%", height: "90%" });

我使用上面的代码来调用colorbox。显示颜色框后，我想在颜色框内访问和元素，然后更改css。

但是我无法访问颜色框内的元素。

我尝试了以下内容：

$(function () {

    'use strict';

    setInterval(
        function () {

            console.log("logging...");

            var elements = document.getElementsByClassName("className");
            if (elements.length > 0) {
                console.log("Found element");
            }

        }, 1000);

});

Answer 1

不要为此目的使用超时，总是寻找事件。彩盒有onOpen个事件（CTRL+F "Callbacks"），我认为这符合您的需求：

$.colorbox({ 
    href: previewLink, 
    iframe: true, 
    width: "90%", 
    height: "90%",
    onOpen: function()
    {
        debugger;
        $("#colorbox").find(); // Find desired element
    }
});

Fiddle

此外，如果您的页面上已经有jQuery，为什么还要使用getElementsByClassName？为什么不.find()？

颜色框内的访问元素

1 个答案: