Forum PHP.pl > Bootstrap i dynamiczne dodawanie elementów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Bootstrap i dynamiczne dodawanie elementów

Forum PHP.pl > Forum > Gotowe rozwiązania

smiady

6.02.2015, 18:24:03

Witam.

Mam przypadek, gdzie dynamicznie dodane elementy przez jQuery nie są formatowane wg bootstrapa

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<HTML>
	<HEAD>
		<meta charset="utf8" />
		<link type="text/css" rel="stylesheet" href="css/bootstrap.css" /> 
		<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css" /> 
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript">
			$(function() {
				$('body').append('<blockqoute>Nowy dodany tekst</blockquote>');
				$('body').append('<span class="badge badge-warning">Nowy dodany tekst</span>');
			});
		</script>
	</HEAD>
	<BODY>
		<blockquote>
			Przykładowy tekst
		</blockquote>
		<span class="badge badge-warning">
			przykład
		</span>
	</BODY>
</HTML>
[HTML] pobierz, plaintext

Tekst z HTMLa Przykładowy tekst jest formatowany bootstrapowo, natomiast elementy dodane przez jQuery już nie.
Jakie jest rozwiązanie problemu ?

rad11

7.02.2015, 10:37:02

Sprobuj dodac skrypt przed zakonczeniem tagu body i uzyj

[PHP] pobierz, plaintext 
$(document).ready(function(){
  $('body').append('<blockqoute>Nowy dodany tekst</blockquote>');
  $('body').append('<span class="badge badge-warning">Nowy dodany tekst</span>');
});
[PHP] pobierz, plaintext

styryl

7.02.2015, 10:39:26

Masz literówke $('body').append('<blockqoute>Nowy dodany tekst</blockquote>');

Pyton_000

7.02.2015, 10:51:19

Kurna 3 min. siedziałem i gapiłem się w ten tekst i próbowałem dość gdzie jest literówka

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.