从函数返回值作为jQuery参数的值

Return value from function as value for parameter in jQuery

本文关键字：参数 jQuery 函数 返回值      更新时间：2023-09-26

参数content的值应该是获取内容的函数。我想我可以这样写:

$(".fancy-detail-page").fancybox({
      'content'    : function(){
          var id = $(this).attr('id');
          id = id.replace("pd", "c");
          var content = $('#' + id + ' .product-details').html();
          return content;
      },
      'padding'    : 0,
      'openEffect'  : 'none',
      'closeEffect'  : 'none',
      'maxWidth'    : 960
 });

但是return似乎不起作用。如何正确地做到这一点?

多亏了jqueryrocks和roast。这个解决方案对我很有效:

  $(".fancy-detail-page").click(function(e){
    e.preventDefault();
    var id = $(this).attr('id');
    $.fancybox({
      'content'    : (function(){
        id = id.replace("pd", "c");
        var content = $('#' + id + ' .product-details').html();
        return content;
      })(),
      'padding'    : 0,
      'openEffect'  : 'none',
      'closeEffect'  : 'none',
      'maxWidth'    : 960
    });
   });

如果不使事情复杂化，您可以使用beforeLoad回调来获得相同的结果，并且它会更干净，更简单和更快，如:

$(".fancy-detail-page").fancybox({
    padding: 0,
    openEffect: 'none',
    closeEffect: 'none',
    maxWidth: 960,
    beforeLoad : function () {
        var id = $(this.element).attr("id").replace("pd", "c");
        this.content = $('#' + id + ' .product-details').html();
    }
});

JSFIDDLE

和这一行

this.content = $('#' + id + ' .product-details').html();

可以简化为

this.content = $('#' + id + ' .product-details');

不需要.html()得到相同的结果。看到更新JSFIDDLE

假设这是同一个插件

每个API看起来'content'必须是data.

"content强制内容(可以是任何html数据)"http://fancybox.net/api

所以你只需要在初始化fancybox之前调用这个函数(或者设置一个内容变量);

var id = $(this).attr('id');
id = id.replace("pd", "c");
var content = $('#' + id + ' .product-details').html();
$(".fancy-detail-page").fancybox({
      'content'    : content,
      'padding'    : 0,
      'openEffect'  : 'none',
      'closeEffect'  : 'none',
      'maxWidth'    : 960
 });
相关文章：