jQuery 颜色框按钮

Question

我正在尝试将 jQuery Colorbox 用作灯箱，但左、右和关闭按钮未显示在底部（单击“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 脚本路径都正常。检查浏览器的“检查元素”以确保它们是否被正确添加。