Question

好吧，所以我构建了一个看起来像这样的函数......

function aboutContent(){
  var about = $(this).data('about'),
      img = $(this).data('image');
  $('#background').css('background-image','url('+img+')');
  $('#about-content article').html(about);
  $('#first-name').html('');
  $('#last-name').html('');
}

我想用点击功能调用它，看起来就像这样......

$('.about').click('click', function() {});

如何点击调用aboutContent()功能？

谢谢！

Answer 1

你能试试吗，

function aboutContent(dis){
  var about = $(dis).data('about'),
     img = $(dis).data('image');
  $('#background').css('background-image','url('+img+')');
  $('#about-content article').html(about);
  $('#first-name').html('');
  $('#last-name').html('');
}
$('.about').click(function() {
    aboutContent(this);
 });

Answer 2

将函数引用传递为回调而不是匿名函数

$('.about').click('click',aboutContent);

Answer 3

function aboutContent(element){
  var about = $(element).data('about'),
      img = $(element).data('image');
  $('#background').css('background-image','url('+img+')');
  $('#about-content article').html(about);
  $('#first-name').html('');
  $('#last-name').html('');
}


$('.about').click(function() { aboutContent(this);  });
// alternate ways
// $('.about').click(aboutContent(this));
// $('.about').on('click', aboutContent(this)); // Using on event types

Answer 4

调用自定义函数有多种方法

其中一个

$('.about').click(function() {
    aboutContent($(this));
});

function aboutContent(_this){

  var about = _this.data('about'),
  img = _this.data('image');
  $('#background').css('background-image','url('+img+')');
  $('#about-content article').html(about);
  $('#first-name').html('');
  $('#last-name').html('');
}

Answer 5

最简单的方法是：

$('.about').click(aboutContent);

Answer 6

这很简单。

在简单的JavaScript中，您可以在function(){....}中编写代码。以同样的方式，你可以在JQuery中实现它。只有语法已更改。见下面的代码

$('.about').click('click', function() {
aboutContent();
});

Answer 7

你可以使用这样的回调函数：

$('.about').click(aboutContent);

注意：$（'。about'）。点击（'点击'，aboutContent）;这是错误的做法。

但你确实使用on method这样：

$('.about').on('click', aboutContent);

Answer 8

使用这样的代码，

function aboutContent(){
  var about = $(this).data('about'),
      img = $(this).data('image');
  $('#background').css('background-image','url('+img+')');
  $('#about-content article').html(about);
  $('#first-name').html('');
  $('#last-name').html('');
}

$('.about').click(aboutContent(this));
})

您的更多相关信息请参阅此链接，

Run jQuery function onclick

Answer 9

试试这个

$('.about').on('click', aboutContent());

了解on方法here

单击时调用jQuery函数

9 个答案: