jQuery 彩框按钮

Question

我正在尝试将 jQuery Colorbox 用作灯箱，但左、右和关闭按钮未显示在底部（单击 "dasdsadsa"）：

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

但是，如果我在 fiddle 中使用相同的代码，它会起作用：

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 脚本路径都正确。检查浏览器的 'inspect element' 以确保它们是否已正确添加。

jQuery 彩框按钮

jQuery Colorbox Buttons

jquery

html

button

colorbox