Jump-Menü mit jquery

Question

Ich bearbeite eine vorhandene Website mit einem Link-Menü, das Inhalt für einige Links von einer Seite in ein DIV lädt und für andere eine andere URL verwendet. Nun möchte der Kunde, dass einer dieser Links (z. B.: der in das DIV geladen wird) in das Sprungmenü für Mobilgeräte eingefügt wird.

Das Linkmenü und das Sprungmenü funktionieren, aber das Sprungmenü ist nicht für das Beispiel von Seite2, wir wollen Inhalt in ein DIV laden, während die anderen Seiten zu einer URL gehen.

Die Menüs wie folgt aussehen:

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

Die Page2 im Sprung-Menü nicht funktioniert, ich glaube, weil es die zwei gegensätzliche Skripte auszuführen versucht .... muss der Inhalt in die geladen werden DIV, also muss ich herausfinden, wie man das nur für den einen Link im Sprungmenü macht :(

Answer 1

Versuchen Sie, die Funktion MM_jumpMenu zu modifizieren und fügen Sie eine if-Bedingung ein, haben den Code nicht getestet, sollten aber funktionieren.

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