Question

我在php页面中使用了colorbox.js来显示用户选择的项目列表; 我在页面底部添加了一个保存按钮;我想在保存信息后关闭彩盒窗口;

我尝试了以下内容：

$.fn.colorbox.close();
$(".example5").colorbox.close();

我得到的颜色框未定义;

这是我的代码：

prList.php：

<link media="screen" rel="stylesheet" href="colorbox.css" />
    <script src="jquery.min.js"></script>
    <script src="js/jquery.colorbox.js"></script>
    <script>
        $(document).ready(function(){
            $(".example5").colorbox();

            $("#click").click(function(){ 
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Testtesttest.");
                return false;
            });
        });
    </script>

<body>
       <div id="listDetails">
          <p><a href="form.php?prodId=<?php echo $roow[0]; ?> class="example5">ViewTable</a></p>
       </div>
</body>

form.php的：

<table cellpadding="0" cellspacing="0" width="100%" style="border:1" >
            <tr class="catH">
                <td>aa</td>
                <td>bb</td>
                <td>cc</td>

            </tr>
            <tr>
             <td colspan="3">

                     <div align="center" style="height:20px;">
        <a href="#" style="color:#000000;" id="cboxSave" class="lbAction" rel="deactivate" onclick="savePurchase();">Save </a>
      </div>
</td>
</tr>
</table>

savePurchase（）：

function savePurchase(){
    ....................
    $.fn.colorbox.close();
}

有谁能告诉我为什么它不起作用？

Answer 1

阅读docs帮助：

$.colorbox.close()

Answer 2

请参阅以下常见问题条目：

http://colorpowered.com/colorbox/#jquery

这听起来像你。如果您尝试在iframe中调用它，则应使用以下格式：

parent.jQuery.colorbox.close（）;

在javascript中关闭colorbox.js窗口

prList.php：

form.php的：

savePurchase（）：

2 个答案: