jQuery彩色盒按钮

Question

我试图使用jQuery颜色框作为一个灯箱，但底部没有显示左、右和关闭按钮(单击"dasdsadsa")：

http://zero6media.com/gee/wordpress/joes-calculator/

但是，如果我在小提琴中使用相同的代码，它可以工作：

http://jsfiddle.net/4k1ty7wf/

jQuery(document).ready(function(){
    jQuery("a[class='web']").colorbox({width: "600px", height: "600px", maxWidth: "95%", maxHeight: "95%", html: "Hello", opacity: ".75",
rel: "group1", current: 0});
});

为什么按钮没有出现在我的首页上？

Answer 1

某些资源没有加载到实际的网页中。

​

​

Failed to load resource: the server responded with a status of 404 (Not Found)
(index):1968Consider using 'dppx' units, as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi)
http://zero6media.com/gee/wordpress/wp-content/uploads/2015/02/51.png Failed to load resource: the server responded with a status of 404 (Not Found)
http://mymoviesdb.jgportfolio.com/css/wufoo.css Failed to load resource: the server responded with a status of 404 (Not Found)

我认为其中一个是您在jsFiddle中手动添加的CSS属性的负责人

        #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px; background:url(http://www.jgportfolio.com/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}

您的实际页面缺少此属性。我认为这是因为那些缺少css链接。确保所有css脚本路径都正常。签入浏览器的“检查元素”，以确保它们是否被正确添加。