jQuery的多個元素。點擊（函數（）

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

試試這個：

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

Answer 2

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

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

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