用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>