jQuery的多个元素。点击（函数（）

下面是我得到了什么这是行不通的。

$(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; 
    }); 
});

但是不能和他们一起工作。

建议？

来源

2012-03-05 Nicole

你能告诉我们你的HTML？ – 2012-03-05 21:40:39

代码对我来说看起来很好。 – 2012-03-05 21:41:57

这似乎不太可能;你确定选择器是正确的吗？你有没有错过一个逗号，或拼写错误？ – 2012-03-05 21:42:16

试试这个：

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

来源

2012-03-05 21:41:23

使用add method添加元素，以一组：

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

来源

2012-03-05 21:43:23 Sgoettschkes

使用类的名称，而不是ID。

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

来源

2012-03-05 21:45:06 Chris

#menu a works，it's the p.bodytext a that that does not with the code I'm using。 – Nicole 2012-03-05 22:04:37

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

这样

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

来源

2012-03-05 21:50:47 Nettogrof

jQuery的多个元素。点击（函数（）

回答

相关问题