Question

我想点击加载了load（）的按钮时显示colorbox。

在我当前的页面中：

    $("#button_loading").click(function(){
        $('#div_container').load("myurl");
    });

加载的页面脚本：

$("#button_opening_colorbox").on('click', function() {      
    $.colorbox({ 
        inline:true, 
        href:"#mini_div_info" }, 
        onOpen: function(){
                    $('#mini_div_info').fadeIn();
        }

    });
    alert("a");                         
});

我可以看到警告信息“a”但不是彩色框。此外，当我没有从加载的页面调用它时，我的颜色框会出现。

Answer 1

根据网站的示例，看起来你不能只传递一个字符串。需要一把钥匙：

// Format:
$(selector).colorbox({key:value, key:value, key:value});

以下是传递原始HTML的示例：

$.colorbox({html:"<h1>Welcome</h1>"});

通过http://jacklmoore.com/colorbox/

您的代码中还有一个额外的括号。

href:"#mini_div_info" },
                  ----^

从加载的页面打开颜色框

1 个答案: