javascript - jQuery - 单击表格行时如何触发灯箱？

Question

示例表:

<table>

<tr class="record" id="10">
    <td>1/1/2010</td>
    <td>$10.00</td>
</tr>

<tr class="record" id="11">
    <td>1/3/2010</td>
    <td>$15.00</td>
</tr>

</table>

我使用这个 JS 在单击时从表行中获取 id，并形成一个 URL(一些 CodeIgniter 标记)。

$(document).ready(function() {
    $('tr.record').bind('click', function() {
        var record_id = $(this).attr("id");
        var link = '<?php echo base_url(); ?>expenses/edit/' + record_id;
    });
});

使用该 URL，我想在灯箱中打开 PHP/HTML 页面。

大多数 jQuery 灯箱解决方案(fancybox、jQuery 工具覆盖)需要 a href 来触发。

我想知道是否有人可以指出如何在上面的 JS 之后自动完成此操作 - 也就是说，一旦知道 record_id ，形成 URL，然后自动触发灯箱显示了我的 PHP/HTML 页面。

对此有什么指示吗？无论您喜欢哪种 jQuery lightbox，都欢迎任何解决方案。

谢谢!

Answer 1

试试这个:

$(document).ready(function(){
    $('tr.record').bind('click', function(){

        var record_id   = $(this).attr("id");
        var link        = '<?php echo base_url(); ?>expenses/edit/' + record_id;

        $.fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe',
            'href'              : link
        });

    });
});

有关参数检查的更多信息: http://fancybox.net/api