如果點擊，然後加載（）;？

Question

我有這樣的僞代碼「的那種」：

if($('#menuOption1').click()){ 
    $('#mainContent').load('optionContent1.html #optionContent1'); 
} 
else if($('#menuOption2').click()){ 
    $('#mainContent').load('optionContent2.html #optionContent2'); 
} 
else if($('#menuOption3').click()){ 
    $('#mainContent').load('optionContent3.html #optionContent3'); 
} 

這是自我解釋。我有一個菜單有3個選項（＃menuOption *），當我點擊其中的一個時，它假設加載（）;它是對應的html文件（optionContent * .html - ＃optionContent *）到我的index.html（#mainContent）中。 請更正代碼？

佩德羅

Answer 1

點擊返回一個jQuery對象，而不是一個布爾你真的是什麼之後是：

$('#menuOption1').click(function(e) { 
    $('#mainContent').load('optionContent1.html #optionContent1'); 
    return false; 
}); 

$('#menuOption2').click(function(e) { 
    $('#mainContent').load('optionContent2.html #optionContent2'); 
    return false; 
}); 

$('#menuOption3').click(function(e) { 
    $('#mainContent').load('optionContent3.html #optionContent3'); 
    return false; 
}); 

取決於您的HTML標記我確定你可以優化Javascript代碼也

Answer 2

您應該將代碼添加到Click事件處理程序，像這樣：

$('#menuOption1').click(function(){ 
    $('#mainContent').load('optionContent1.html #optionContent1'); 
}); 

等等