从link rel属性设置fancybox width

时间:2011-09-22 22:58:19

标签: jquery fancybox

如何在我的标签上检索宽度设置(例如在REL属性中)并将其传递给我的jQuery fancybox函数,这样我可以指定它的宽度?这是我的(非常标准的)Fancybox声明:

     <script type="text/javascript">
        $(document).ready(function () {
            //TODO - pass width/height value from link somehow
            $("a.popup").fancybox({
                'autoScale': false,
                'height': 500,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'type': 'iframe'
            });
        });
    </script>

1 个答案:

答案 0 :(得分:1)

你真的不应该为此重载rel属性,这不是它的用途。

但是,代码可能看起来像......

$(document).ready(function() {
    $("a.popup").each(function() {
        var width = $(this).attr('rel');

        $(this).fancybox({
            'autoScale': false,
            'width': width,
            'height': 500,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'type': 'iframe'
        });
    });
});