jquery - 如何在html中加载两个颜色框

Question

我是 colorbox 的新手，我得到了一份将两个 html 整合为一个的工作。

$.colorbox两个页面都使用了函数

如何在一个javascript中解决模棱两可的问题，代码是

$.colorbox({
    opacity: 1,
    speed: 500,
    fadeOut: 500,
    className: "rd",
    initialWidth: "50%",
    initialHeight: "30%",
    width: "450px",
    height: "290px",
    inline: true,
    overlayClose: false,
    escKey: false,
    href: "#productFinderPickUser",
    closeButton: false,
    onOpen: function () {
        var pickUserDiv = document.getElementById("productFinderPickUser");
        pickUserDiv.style.display = "block";

    },
    onClosed: function () {
        var pickUserDiv = document.getElementById("productFinderPickUser");
        pickUserDiv.style.display = "none";
    }
});

其他

$(this).colorbox({
    inline: true,
    className: "checker",
    opacity: 0,
    fadeOut: self.msDelay / 4,
    speed: self.msDelay / 3,
    reposition: false,
    top: "5px",
    right: "25px",
    maxHeight: "90%",
    href: "#addevent_form",
    onClosed: function () {
        $('#addevent_allday_val').prop("checked", false);
        $('#sTimeWrap').show();
        $('#eTimeWrap').show();
    }
});