Question

我正在尝试将Google地图打开到彩盒灯箱中，但它无效。我已经尝试了一些我在Google搜索中找到的解决方案，但它们都没有对我有用。

以下是我的代码部分：

<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 ......

 $(document).on("click", "a", function(){
   $('.link').colorbox({iframe:true, width:"80%", height:"80%"})
 });

此链接始终在当前页面上打开，但不显示Colorbox。以下是该页面的链接：http://www.atcbsb.com.br/radar。

任何帮助将不胜感激。

Answer 1

修复...我意识到链接是由datatable创建的，所以我将colorbox调用函数更改为以下内容：

$(document).ajaxSuccess(function(e){
         $('a.link').colorbox({iframe:true, width:"80%", height:"80%"});        
        });

Answer 2

我有简单的解决方案只需从你的锚标签中调用jquery函数。那个jquery称为colorbox。见下面的例子

//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>

Colorbox无法打开

2 个答案: