你如何从彩盒中获得回报价值？

Question

我有一个颜色框,让用户选择一个图像.如何从彩盒中取回文件名？(我注意到了这个onClosed功能.)

---

解:

由于@Gummy sugested我使用了onComplete函数,因为以下代码举例说明:

'返回'页面:

<input id="colorbox_hidden_return" type="hidden"/>

...

$("#whatever-you-want-to-click-on-to-get-the-color-box").click(function() {
        $.colorbox(
        {
            href: '<?= site_url('the-source-url') . '/' ?>' + id, 
            height: "600px;", 
            onClosed: function() { // called when the colorbox closes
                var image = $('#colorbox_return_hidden').val();

                // ... other processing - what ever the value was is in image
            }   
        });
    });

在彩盒源中

var image_name_var = "dynamicaly_change_this_name.png";

$('#submit-or-use-button-id').click(function() {
    $('#colorbox_return_hidden').val(image_name_var);
});

Answer 1

当 colorbox 打开时，您可以随时调用 element 方法来检索当前元素的 jQuery 对象。从那里您可以选择元素并访问 href 属性：

href = $.colorbox.element()[0].href;

此外，在任何回调中，执行上下文（“this”的值）都将是当前元素。因此，如果您想使用 onComplete 回调，您可以执行以下操作：

$('#example').colorbox({onComplete:function(){
    href = this.href;
}});