Question

首先，道歉。我是js newb。

我正在尝试使用特定页面的负载触发影子框 - 如果愿意，可以使用“弹出窗口”。没有任何事情发生，根据萤火虫，报告没有错误。

我应该注意这是wordpress，所以我使用默认的jQuery调用，并且shadowbox也卷入了WP插件。与jQuery函数一样，Shadowbox在网站的其他区域也能正常工作。

使用

noConflict()是因为WP默认加载原型，与jQuery美元符号冲突。

var $j = jQuery.noConflict();

        $j(function(){
            //Set cookie
                $j.cookie('padpop_viewed',true);

                    // open a welcome message as soon as the window loads
            $j(function() {
                Shadowbox.open({
                content: '<div width="600" height="460" style="margin:auto;"><a href="<?php  bloginfo('url');?>"/products/"><img src="<?php  bloginfo('template_url');?>/images/ipad-pop.jpg" width="600" height="460" alt="Redacted"/></a></div>',
                    player: "html",
                height: "470",
                width:  "610"
                });
            });
        });

我非常感谢任何帮助，因为我花了几个小时查阅每个方面的文档。

谢谢， S.

Answer 1

您不应嵌套$(function() { ... })来电。

删除内部$j(function() {。

编辑：并致电

Shadowbox.init({
    // let's skip the automatic setup because we don't have any
    // properly configured link elements on the page
    skipSetup: true
});

Shadowbox + jQuery无法正常工作 - 没有错误

1 个答案: