从加载的页面打开颜色框

发布于 2025-01-03 23:59:19 字数 619 浏览 0 评论 0原文

当我单击使用 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”,但看不到颜色框。此外,当我不从加载的页面调用它时,我的颜色框就会出现。

I want to show a colorbox when I click on a button loaded with load().

In my current page:

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

Loaded page script:

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

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

I can see the alert message "a" but not the colorbox. Besides, my colorbox appears when I don't call it from a loaded page.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一城柳絮吹成雪 2025-01-10 23:59:19

根据该网站的示例,您似乎不能只传递字符串。需要密钥:

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

这是传递原始 HTML 的示例:

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

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


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

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

Based on the site's examples, it looks like you can't just pass a string. A key is required:

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

Here's an example passing raw HTML:

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

via http://jacklmoore.com/colorbox/


There's also an extra bracket in your code.

href:"#mini_div_info" },
                  ----^
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文