javascript - fancybox jQuery 中的 Aftershow

Question

我也遇到了同样的问题:ShareThis plugin not working in FancyBox title但现在我已经成功了，除了

afterShow: function(){
 stButtons.locateElements();
}

我应该把它放在这段代码的什么地方？我已经尝试了很多地方，但它只是说错误。它说我把它放错了。我应该将它放在下面的脚本中的什么位置？

<script type="text/javascript">



$(document).ready(function(){
    $(".fancybox").fancybox({


             beforeShow: function() {
 var caption =  $(this.element).data("caption") ? $(this.element).data("caption") : "";
 this.title = this.title ? this.title + buildShareThis(this.href) + caption : buildShareThis(this.href) + caption;



        if (this.title) { ''

        // New line
            this.title += '<br />';



        }
    },




        nextEffect  : 'fade',
prevEffect  : 'fade',
padding     : 0,
margin      : [15, 15, 50, 15],
afterLoad   : addLinks,
beforeClose : removeLinks

        });


      function buildShareThis(url){
var customShareThis  = "<div class='share'>"; // class for styling maybe
 customShareThis += "<span class='st_facebook_hcount' displayText='Facebook' st_url='"+url+"'></span> ";
 customShareThis += "<span class='st_twitter_hcount' displayText='Tweet' st_url='"+url+"'></span>";
 customShareThis += "<span class='st_pinterest_hcount' displayText='Pinterest' st_url='"+url+"' st_img='"+url+"' ></span>";
 customShareThis += "<span class='st_tumblr_hcount' displayText='Tumblr' st_url='"+url+"'></span>";
 customShareThis += "</div>";
 return customShareThis;
}

    function addLinks() {
var list = $("#links");

if (!list.length) {    
    list = $('<ul id="links">');

    for (var i = 0; i < this.group.length; i++) {
        $('<li data-index="' + i + '"><label></label></li>').click(function() {     $.fancybox.jumpto( $(this).data('index'));}).appendTo( list );
    }

    list.appendTo( 'body' );
 }

list.find('li').removeClass('active').eq( this.index ).addClass('active');
}

function removeLinks() {
$("#links").remove();    
}

});

</script>

Answer 1

您可以设置所有 fancybox API 选项，包括 fancybox 回调(afterLoad、afterShow、beforeClose 等)，例如:

$(".fancybox").fancybox({
    nextEffect: 'fade',
    prevEffect: 'fade',
    padding: 0,
    margin: [15, 15, 50, 15],
    afterLoad: addLinks,
    afterShow: function () {
        stButtons.locateElements();
    },
    beforeClose: removeLinks
});

假设您已在脚本中的其他位置正确定义了 addLinks 和 removeLinks 函数。