javascript - 将 .data() 与 FancyBox 2 结合使用

Question

我正在使用 fancy box 2 并尝试在 .fancybox() 调用中使用一些自定义数据。下面是我的 HTML:

<a title="TEST" data-album-id="5" class="fancybox" href="galleries/paris/originals/paris_001.jpg">';

这是我的电话:

<script>
    $('.fancybox').fancybox({
        beforeShow: function () {
            alert($(this).data('album-id'));
            if (this.title) {
                // New line
                this.title += '<br />';

                // Add tweet button
                this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="' + this.href + '">Tweet</a> ';

                // Add FaceBook like button
                this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2F'+'www.tommyreynolds.co.uk%2Fgallery.php%3Fgallery%3D'+ 5 +'%23image1'+'&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>';
            }
        },
        afterShow: function () {
            // Render tweet button
            twttr.widgets.load();
        },
        helpers: {
            title: {
                type: 'inside'
            }, //<-- add a comma to separate the following option
            buttons: {} //<-- add this for buttons
        },
        closeBtn: false, // you will use the buttons now
        arrows: false
    });
</script>

但是 alert() 返回 undefined。有什么想法吗？

Answer 1

而不是

alert($(this).data('album-id'));

使用

alert($(this.element).data('album-id'));

fiddle

fancybox set content types like image, ajax, etc to element

fancybox Tips & tricks section have good samples and all fiddled