Question

我怎么能这样做，不确定它是否是我正在尝试做的正确的术语。首先，我甚至可以在下面这样做吗？

 $(document).ready(function() {
$(".fancybox")
    .attr('rel', 'gallery')
   .fancybox({
    padding : 0
   });
  });



 $(document).ready(function($) {
var fancyGallery = $("#pichide").find("a");
fancyGallery.attr("rel","gallery2").fancybox({
    type: "image"

});
$('#fancyLaunch').on('click', function() {
    fancyGallery.eq(0).click(); 
});
});

我是否必须离开这些单独的.ready或者是否有一种方法可以更正确地组合它们的第一部分。在第二个中，为什么函数中断是我在类型后添加padding : 0：＆＃34; image＆＃34;。

Answer 1

看起来您不需要将每个块放入文档加载的新处理程序中，您可以将它们全部放入一个处理程序中;

$(document).ready(function() {
    $(".fancybox")
        .attr('rel', 'gallery')
       .fancybox({
           padding : 0
        });

    var fancyGallery = $("#pichide").find("a");
    fancyGallery.attr("rel","gallery2").fancybox({
        type: "image"
    ...
});

Answer 2

将两个进程转换为函数并从文档中调用它们对我来说是有意义的。

$(document).ready(function() {
    fancyGallery();
    fancybox();
});


function fancyGallery() {
    var fancyGallery = $("#pichide").find("a");
    fancyGallery.attr("rel","gallery2").fancybox({
        type: "image"
    });
    $('#fancyLaunch').on('click', function() {
        fancyGallery.eq(0).click(); 
    });
}

function fancyBox() {
    $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
        padding : 0
    });
}

如何结合javascript函数？

2 个答案: