ottogal: jQuery: Bubbling verhindern

Beitrag lesen

Hallo in die Runde,

ich habe ein Div "Info", das sich beim Anklicken verbirgt:
$('#Info').click( function() { $(this).hide(); });

Nun enthält das Div eine form #Form mit einem select-Element "Opt":

<form id="Form">  
<select id="Opt" name="Opt" size="1">  
<option value="1" selected="selected">1</option>  
<option value="2">2</option>  
</select>  
</form>

das in folgender Weise auf Änderungen reagiert:

$('#Form #Opt').bind('change keyup',  
function() {  
// tu was  
});

Wenn jedoch auf das Auswahlfeld geklickt wir, um eine andere Option zu wählen, verschwindet das Div: das Ereignis wird von ihm als Klick übernommen.

Ich dachte nun, dass dieses Bubbling durch folgende Maßnahme zu verhindern wäre:

$('#Form #Opt').bind('change keyup',  
function(event) {  
event.stopPropagation();  
// tu was  
});  
});

Das klappt aber nicht, und ich frage mich - und nun euch -, weshalb.

Mit Dank und Gruß
ottogal