0

我有颜色框实现，单击 URL（在颜色框内）应该关闭颜色框本身。下面是代码：

HTML 单击 URL 会打开图像的颜色框。

<link rel="stylesheet" href="colorbox.css" type="text/css" media="all" /> 
<script src="jquery-1.8.3.min.js" type="text/javascript">
</script>
<script src="jquery.colorbox-min.js" type="text/javascript"></script>

<script>
$(function() {
$('.colorbox-link').colorbox({
        transition: "none",
        opacity: 0.4,
        onComplete: function(){
            $.colorbox.resize();
        },
        speed: 300,
        width: 530,
        initialWidth: "530",
        innerWidth: 530,
        maxWidth: 530,
        height:false,
        initialHeight: "400",
        innerHeight: false,
        maxHeight: false,
        preloading:false

    });     
});
</script>

<a id="Preview1" href="openpopup.php" class="colorbox-link">Preview</a>

单击预览 URL 时打开的 POPUP/COLORBOX

<link rel="stylesheet" href="colorbox.css" type="text/css" media="all" />
<script src="jquery-1.8.3.min.js" type="text/javascript">
</script>

<script src="jquery.colorbox-min.js" type="text/javascript">
</script>


<script>
  $(document).ready(function () {

    $('#change').click(function(){

        $('#cboxClose').click();
    });

  });
</script>
<div class="popup-shell">
  <div class="modal-header"> <i id="close-icon" class="icon-close close-trigger"> </i>
    <h2 class="page-title"> Preview Your File </h2>
  </div>
  <div class="popup-body">
    <div class="popup-image-holder"> <a class="demo" href=""> <img src="personal.jpg" /> </a> </div>
  </div>  
  <div class="modal-footer">
    <p class="buttons-small"> <a id="accept" href="javascript:;"> accept </a> <a href="javascript:;" id="change"> change </a> </p>
  </div>
</div>

现在在颜色框/弹出窗口中，点击哪个颜色框应该关闭一个链接“更改”，但它没有......它在除 SAFARI 之外的所有其他浏览器中都可以正常工作

您可以在其中找到应用程序的演示 URL 。请在 Safari 中查看。

4

2 回答 2

0

我想你不需要<a>标签，因为你正在使用 jquery 将事件附加到它。尝试这个

<div class="modal-footer">
    <p class="buttons-small">
       <input type ="button" value ="accept" id="accept" />
       <input type ="button" value ="change" id="change" /> 
    </p>
</div>
于 2013-08-16T12:01:24.917 回答
0

我敢打赌，点击事件并没有真正绑定到元素。尝试使用live将点击事件绑定到元素：

$('body').live('click', '#change' , function(){
    $('#cboxClose').click();
    //or $.colorbox.close()

});
于 2013-08-16T12:06:48.593 回答