从domready window.add事件中调用jquery colorbox

时间:2011-11-22 04:43:02

标签: jquery colorbox domready

我有以下代码:

window.addEvent('domready', function(){var myBox = new BoxMenu({items: [['Card Info', 'item_1.png',function(){ window.location = "card"; }],]});});

此代码创建一个框菜单项,单击它时会打开“卡片”窗口。没问题。

但我不希望用户离开主窗口,所以我决定使用jQuery colorbox。

我需要知道如何调用iframe类来调用colorbox脚本来打开此页面。

通常(仅在一页中)通过以下方式完成:

<script>
    jQuery.noConflict(); 
    (function($) { 
    $(document).ready(function(){
        $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
        $("#click").click(function(){ 
            $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
            return false;
        });
    });
          })(jQuery); 
</script>

then the HTML 

<p><a class='iframe' href="reach.html">Outside Webpage (Iframe)</a></p>

但在这种情况下,框菜单是链接本身。有人可以帮忙吗?

提前致谢

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。

在window.event中,颜色框的调用方式如下:

['Card Info', 'item1.png',function call_cbox(){jQuery().colorbox({width:"80%", height:"80%", opacity:0.8, iframe:true, href:"reach.html"});}],

谢谢你,希望这也可以帮助别人。