如果点击，然后加载（）;？

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

等等