Question

我有这个功能来自FancyBox ...

的jQuery

(function ($, F) {
    F.transitions.resizeIn = function() {
        var previous = F.previous,
            current  = F.current,
            startPos = previous.wrap.stop(true).position(),
            endPos   = $.extend({opacity : 1}, current.pos);

    startPos.width  = previous.wrap.width();
    startPos.height = previous.wrap.height();

    previous.wrap.stop(true).trigger('onReset').remove();

    delete endPos.position;

    current.inner.hide();

    current.wrap.css(startPos).animate(endPos, {
        duration : current.nextSpeed,
        easing   : current.nextEasing,
        step     : F.transitions.step,
        complete : function() {
            F._afterZoomIn();

            current.inner.fadeIn("fast");
        }
    });
};

我想从简单的链接中调用它。例如：

HTML

<a class="myFunction" href="#gallery">Click here</a>

有没有人知道如何做到这一点？

我知道它不应该那么困难，但我的jQuery / Javascript知识非常有限。

修改

该功能目前从此链接调用：

HTML

<a href="javascript:;">Click here</a>

我需要摆脱href="javascript:;"的事情。

Answer 1

这是开箱即用的。只需阅读文档：http://fancybox.net/howto

来自FancyBox网站的示例：

$(document).ready(function() {

/* This is basic - uses default settings */

    $("a#single_image").fancybox();

/* Using custom settings */

    $("a#inline").fancybox({
        'hideOnContentClick': true
    });

/* Apply fancybox to multiple items */

    $("a.myFunction").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });

});

jQuery：编写函数的问题

1 个答案: