Just nu i M3-nätverket
Gå till innehåll

jQuery ReplaceWith fungerar inte


Posidon_2

Rekommendera Poster

Hej :)

 

Jag har en HTML-fil med följande kod

 

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">

<head>
<script type="text/javascript" src="3.3.js"></script>d

</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Replace the first p element with some bold text</button>
</body>
</html>

 

 

och en separat Javascript-fil med följande jQuery-kod.

 

$(document).ready(function(){
 $("button").click(function(){
   $("p:first").replaceWith("<b>Hello world!</b>");
 });
});

 

 

När jag klickar på knappen så händer ingenting. Vad är det för fel jag gör?

 

 

Tacksam för all hjälp då jag är helt ny när det gäller jQuery.

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon

Ett tips är att alltid använda en javascript-debugger när du jobbar med jQuery, då ser du snabbt vad som felar

Länk till kommentar
Dela på andra webbplatser

Glömde visserligen att referera till jQuery men har nu gjort det på följande sätt och får det ändå inte att fungera.

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">

<head>

	<script type="text/javascript" src="jquery-1.7.2.js"></script>

	<script type="text/javascript" src="3.3.js"></script>

</head>
<body>
	<p>
		This is a paragraph.
	</p>
	<p>
		This is another paragraph.
	</p>
	<button>
		Replace the first p element with some bold text
	</button>
</body>
</html>

 

jQuery ligger i samma katalog som HTML-filen och JavaScript-filen där jag har min kod ligger även den i samma katalog.

Länk till kommentar
Dela på andra webbplatser

Ett tips är att alltid använda en javascript-debugger när du jobbar med jQuery, då ser du snabbt vad som felar

 

Tack för tipset! Ska kolla lite närmare på det. Har aldrig använt en debugger förut så ska bli intressant att lära sig. Hämtade hem Firebug för Firefox men vet inte riktigt hur jag ska få det att fungera.

Länk till kommentar
Dela på andra webbplatser

Fick det att fungera nu genom att referera till

 

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...