Colorbox图像显示无法正常工作

时间:2016-08-25 12:42:55

标签: jquery html css colorbox

我的html中有一个简单的'a'标签,如此

<a class='gallery' href='image.jpg'>photo</a>

我的jquery就是这个......

 $(document).ready(function() {
 $('a.gallery').colorbox();
 });

但是,它只是在新窗口中打开图像。

我的进口就是这样......

<link rel="stylesheet" href="colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="jquery.colorbox-min.js"></script>

就下载而言,我将其提取到包含其余网站文件的文件夹中。

1 个答案:

答案 0 :(得分:2)

我认为找不到您的js资源。尝试使用CDN并检查您的js路径。

我在这里放了一个工作示例。

http://localhost:8080/cms/#/user/3
public class ClientModule extends AbstractPresenterModule {

    @Override
    protected void configure() {
        bind(RestyGwtConfig.class).asEagerSingleton();
        install(new Builder()//
        .defaultPlace(ClientRouting.HOME.url)//
        .errorPlace(ClientRouting.ERROR.url)//
        .unauthorizedPlace(ClientRouting.LOGIN.url)//
        .tokenFormatter(RouteTokenFormatter.class).build());
        install(new AppModule());
        install(new GinFactoryModuleBuilder().build(AssistedInjectionFactory.class));
        bind(CurrentUser.class).in(Singleton.class);
        bind(IsAdminGatekeeper.class).in(Singleton.class);
        bind(IsUserLoggedGatekeeper.class).in(Singleton.class);
        bind(ResourceLoader.class).asEagerSingleton();
    }
}