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