jquery - 用函数打开fancybox

Question

如果我有 ja 代码

$('#fbox').fancybox({
    'width'         :   '50%',
    'type'          :   'iframe'
});

和一个html代码

<a href="login.php" id="fbox" class="info fancybox.iframe" 
    onclick="$.fancybox(this);return false;">Login</a>

如何用函数打开fancybox

function openLoginFancybox() {
   //???
}

然后我可以使用 onClick="openLoginFancybox()"

谢谢

Answer 1

我想将此功能与 gmap 一起使用：

google.maps.event.addDomListener(controlUI, 'click', function() {
    if(!isLoggedIn) {
        openLoginFancybox();
    } else {
        startMarkerPlacing();
    }
});

即一个fancybox json 之外的函数。

Answer 2

试试这个。我已将您的代码更改如下：

HTML：

<a href="login.php" id="fbox" onClick="openLoginFancybox(this); return false;">Login</a>​

JS：

function openLoginFancybox(linkObj) {
    $.fancybox.open({ 
        href : $(linkObj).attr("href"), 
        type : 'iframe',
        width : '50%'
    });
}​

-- 结束代码 --

希望这可以帮助。