Jquery colorbox问题

Question

下面是一些代码：

    <script type="text/JavaScript" src="@Url.Content("~/Scripts/cloud-zoom.1.0.2.js")"></script> 
    <script type="text/JavaScript" src="@Url.Content("~/Scripts/jquery.colorbox.js")"></script>
    <script type="text/JavaScript" src="@Url.Content("~/Scripts/jquery.colorbox-min.js")"></script>
    <link href="@Url.Content("~/Content/colorbox.css")" rel="stylesheet" type="text/css" />

       <div id="large-image">
        <a  href='http://some-image'  class = 'color cloud-zoom'  id='zoom1' rel="adjustX: 10, adjustY:10">
            <img  src="http://some-image" />
        </a>
        <a  href='http://some-image2'  class = 'color cloud-zoom'  id='zoom1' rel="adjustX: 10, adjustY:10">
            <img  src="http://some-image2" />
        </a>
      </div>

正如你可能已经注意到的，我在同一个锚中使用了cloud- zoom和colorbox you。Cloud-zoom运行得很好，但colorbox就不行了，因为有了cloud-zoom插件。

例如，如果我从<a>的类中删除cloud-zoom，这段代码就可以正常工作

$('a.color').colorbox({ width: "75%", height: "85%"});

因此，由于云缩放插件的原因，上面的代码行不起作用。我也试过了：

 $('#large-image').click(function () {
    jQuery("a.color").colorbox({ width: "75%", height: "85%" });
     });

但这两种方法都不起作用..

有什么想法吗？

Answer 1

$mouseTrap.bind('click',this,function(event){
     $("#zoom").trigger("click");
});

在zoom.js中添加

$('#zoom').colorbox();