JQuery: replaceWith() virker kun første gang
... Og det skyldes ikke at html() skal bruges fremfor replaceWith(), selvom det åbenbart er dér det går galt for mange andre.I et simpelt eksempel ønsker jeg at erstatte et element med et andet, og dette virker fint første gang, men ikke efterfølgende gange. Jeg tænker at der mangler en linie som instruerer JQuery i også at lade scriptet virke på det nye element (skabt ved erstatning).
Hvordan kan jeg få scriptet til at virke ved efterfølgende klik?
Eksemplet kan ses her:
http://bykristian.com/help2.html
Koden kan ses her:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<b>bold</b>
<i>italic</i>
<script>
$("b").click(function(){
$(this).replaceWith("<i>italic</i>");
});
$("i").click(function(){
$(this).replaceWith("<b>bold</b>");
});
</script>
</body>
</html>
På forhånd mange tak!
Mvh Kristian