首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Colorbox未打开

Colorbox未打开
EN

Stack Overflow用户
提问于 2014-04-16 03:39:50
回答 2查看 678关注 0票数 0

我正在尝试打开一个google地图到一个colorbox lightbox,但是它不工作。我已经尝试了一些我在谷歌搜索上找到的解决方案,但都没有对我起作用。

下面是我的代码的一部分:

代码语言:javascript
复制
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.4.custom.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables_themeroller.css"/>
        <link rel="stylesheet" type="text/css" href="css/colorbox.css">
        <script type="text/javascript" src="js/jquery.colorbox-min.js"></script>

然后调用Colorbox..。

代码语言:javascript
复制
 $(document).on("click", "a", function(){
   $('.link').colorbox({iframe:true, width:"80%", height:"80%"})
 });

链接总是在当前页面上打开,但Colorbox不会显示。以下是该页面的链接:http://www.atcbsb.com.br/radar

任何帮助都将不胜感激。

EN

回答 2

Stack Overflow用户

发布于 2014-04-16 04:31:09

已修复...我意识到链接是由datatable创建的,所以我将colorbox调用函数更改为:

代码语言:javascript
复制
$(document).ajaxSuccess(function(e){
         $('a.link').colorbox({iframe:true, width:"80%", height:"80%"});        
        });
票数 0
EN

Stack Overflow用户

发布于 2016-04-06 18:20:31

我有一个简单的解决方案,只需从你的锚标签调用jquery函数即可。jquery调用colorbox。请参见下面的示例

代码语言:javascript
复制
//script
<script type="text/javascript">

function colorboxFunc(currentId)
{
    $("#"+currentId).colorbox({iframe:true, width:"60%", height:"100%"});
}
</script>


//html anchor tag

<a id="putHereDynamicID" href="Your Pop Page Link" onclick="colorboxFunc(this.id);" >Click Here To See Pop Up</a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23092943

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档