用jquery跳转菜单

Question

我正在编辑一个现有的网站，它有一个链接菜单，可以将页面中的内容加载到某些链接的DIV中，并转到其他链接的其他网址。现在，客户希望将其中一个链接（例如：加载到DIV中的第2页）放到显示移动设备的跳转菜单上。

链接菜单和跳转菜单可以工作，但跳转菜单不适用于page2的示例，我们希望将内容加载到DIV中，同时保持其他页面转到URL。

的菜单看起来像这样：

<div id="mainmenu"> 
<ul> 
<li><a href="page1" id="1">Page One</a></li> 
<li><a href="#" id="2">Page Two</a></li> 
<li><a href="page3" id="3">Page Three</a></li> 
</ul> 
</div> 

<form name="mobilemenu" id="mobilemenu"> 
    <select id="mobile-jump-menu" name="mobile-jump-menu" onchange="MM_jumpMenu('parent',this,0)"> 
<option value="Menu" selected="selected">Menu</option> 
<option value="page1">Page One</option> 
<option value="loadpage2">Page Two</option> 
<option value="page3">Page Three</option> 
</select> 
</form> 

<script type="text/JavaScript"> 
<!-- 
function MM_jumpMenu(targ,selObj,restore){ //v3.0 
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
if (restore) selObj.selectedIndex=0; 
} 

$("#2").click(function() { 
     $("#content-box").load('content/page2'); 
     return false; 
}); 


$(function() { 
$('#mobile-jump-menu').change(function(){ 
if($('#mobile-jump-menu').val() == 'loadpage2') { 
    $("#content-box").load('content/page2'); 
} 
}); 
}); 

--> 
</script> 

的第2页中跳转菜单是不行的，我想是因为它试图运行两个相互矛盾的脚本....内容必须装入DIV，所以我需要找出如何做到这一点只是在跳转菜单上的一个链接:(

Answer 1

尝试修改函数MM_jumpMenu并添加一个if条件里面，没有测试代码，但应该工作。

<script type="text/JavaScript"> 
<!-- 
function MM_jumpMenu(targ,selObj,restore){ //v3.0 

if(selObj.options[selObj.selectedIndex].value =="loadpage2"){ 
    $("#content-box").load('content/page2'); 
}else{ 
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
} 

if (restore) selObj.selectedIndex=0; 
} 

$("#2").click(function() { 
     $("#content-box").load('content/page2'); 
     return false; 
}); 

--> 
</script>