nicht angemeldet
hallöchen,
anbei ein schnipsel mit folgendem problem:
ich habe einen absatz. wenn man drauf klickt,
wird seine klasse weggenommen und er bekommt eine neue.
wenn man dann auf den absatz mit der neuen kallse klickt,
soll später eine andere aktion ausgeführt werden. leider
klappts SO wie unten zu sehen nicht. ich habe die beiden click events jetzt verschachtelt, vorher bereits nacheinander geschrieben. aber immer, wenn man ein 2.mal auf den gleichen absatz klickt, kommt das alert "klick1", obwohl er beim 2. mal die klasse "edit" gar nicht mehr hat. grrr. wie muss ich das verschachteln, wo return false o.ä. schreiben, damit das hinhaut?
danke..
<!DOCTYPE html">
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
<!--
html, body{
font-size:14px;
}
p.edit, p.inEdit{
width:7.4em;
white-space:nowrap;
font-size:1.2em;
}
p.inEdit{
background:yellow;
font-size:1.4em;
}
-->
</style>
<script type="text/javascript">
$(document).ready(function(){
$('p.edit').click(function () {
alert ("klick1");
$(this).removeClass('edit');
$(this).addClass('inEdit');
$('p.inEdit').click(function () {
alert ("klick2");
//keypress listener
}
);
});
});
</script>
<head>
<body>
<ul id="testlist">
<li class="listitem">
<p class="edit" contenteditable="true">bearbeite mich1</p>
</li>
<li class="listitem">
<p class="edit" contenteditable="true">bearbeite mich2</p>
</li>
</ul>
</body>
</html>