Question

我正在尝试为2个元素提供相同的功能。

这是我所得到的不起作用：

$(document).ready(function() {
   $('#menu a, p.bodytext a').click(function() {
      $('#content_bg').load($(this).attr('href')+' #content');
      return false;
   });
 });

如果我这样做，现在可行了：

$(document).ready(function() {
   $('#menu a').click(function() {
      $('#content_bg').load($(this).attr('href')+' #content');
      return false;
   });
 });

或者像这样：

$(document).ready(function() {
   $('p.bodytext a').click(function() {
      $('#content_bg').load($(this).attr('href')+' #content');
      return false;
   });
 });

但不和他们一起工作。

建议？

Answer 1

使用add method向元素添加元素：

$('#menu a').add('p.bodytext a').on();

Answer 2

试试这个：

$(function() {
   $('#menu, p.bodytext').find('a').on('click', function() {
      $('#content').load($(this).attr('href')+' #content');
      return false;
   });
 });

Answer 3

使用类名而不是id。

$(document).ready(function() {
   $('.myClass').click(function() {
      $('#content').load($(this).attr('href')+' #content');
      return false;
   });
 });

Answer 4

我建议添加一个接收参数'e'并执行e.preventDefault（）。

像这样

$(document).ready(function() {
  $('#menu a, p.bodytext a').click(function(e) {
     e.preventDefault();
     $('#content').load($(this).attr('href')+' #content');
     return false;
  });
});

jQuery多个元素.click（function（）

4 个答案: