2010-10-14 77 views
1

我试图让一个jQuery ColorBox窗口打开时勾选复选框,我有一些问题搞清楚。首先,可以在对colorbox.js文件进行重大更改的情况下完成此操作吗?如果是这样,你能帮助我在正确的方向引导如何去做这件事吗?点击复选框时,如何获得jQuery ColorBox窗口打开?

在此先感谢。

回答

1

试试这个(demo

HTML

<input type="checkbox" value="http://s3.tinypic.com/546ut2_th.jpg" title="image"> Image 

脚本

$(':checkbox').bind('click', function() { 
    if ($(this).is(':checked')) { 
     $.colorbox({ 
      photo: true, 
      href: $(this).val() 
     }); 
    } 
}) 
+0

这实际上非常接近我正在寻找的东西。谢谢!我仍然试图弄清楚的唯一事情是如何指定只有在某个复选框被选中时打开的colorbox弹出窗口?例如,我有一个名为“the_event”的复选框,我需要在检查时打开它。再次感谢。 – mike 2010-10-15 15:08:54

+0

只需调整jQuery选择器...尝试'$('input#the_event')。bind(...)'。上面的脚本是为了从输入框中提取图像src而写的,所以你也可以使用一个打开colorbox的类。像'$('input.openColorBox')'''也可以。 – Mottie 2010-10-15 16:00:09

+0

现在就工作,谢谢! – mike 2010-10-15 16:35:02

0

我不完全确定你要做什么,但是根据你提供的信息,你能不能将复选框上的focus事件绑定到打开ColorBox实例的函数上?

$("selectorForCheckbox").bind("focus", function(e) { 
    // initiate colorbox here. 
}); 
+0

让我知道,如果我的回答是,你在找什么。让我知道这是不是你想要的。 – Alex 2010-10-14 20:47:35

相关问题