Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Bootstrap i dynamiczne dodawanie elementów
smiady
post 6.02.2015, 18:24:03
Post #1





Grupa: Zarejestrowani
Postów: 137
Pomógł: 2
Dołączył: 2.07.2007
Skąd: Ostrzeszów

Ostrzeżenie: (0%)
-----

Witam.

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <HTML>
  3. 	<HEAD>
  4. 		<meta charset="utf8" />
  5. 		<link type="text/css" rel="stylesheet" href="css/bootstrap.css" /> 
  6. 		<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css" /> 
  7. 		<script type="text/javascript" src="js/bootstrap.js"></script>
  8. 		<script type="text/javascript" src="js/jquery.js"></script>
  9. 		<script type="text/javascript">
  10. 			$(function() {
  11. 				$('body').append('<blockqoute>Nowy dodany tekst</blockquote>');
  12. 				$('body').append('<span class="badge badge-warning">Nowy dodany tekst</span>');
  13. 			});
  14. 		</script>
  15. 	</HEAD>
  16. 	<BODY>
  17. 		<blockquote>
  18. 			Przykładowy tekst
  19. 		</blockquote>
  20. 		<span class="badge badge-warning">
  21. 			przykład
  22. 		</span>
  23. 	</BODY>
  24. </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 ?
Go to the top of the page
+Quote Post
rad11
post 7.02.2015, 10:37:02
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Sprobuj dodac skrypt przed zakonczeniem tagu body i uzyj 

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


Ten post edytował rad11 7.02.2015, 10:38:37
Go to the top of the page
+Quote Post
styryl
post 7.02.2015, 10:39:26
Post #3





Grupa: Zarejestrowani
Postów: 223
Pomógł: 27
Dołączył: 16.04.2008
Skąd: Bakutilu

Ostrzeżenie: (0%)
-----

Masz literówke $('body').append('<blockqoute>Nowy dodany tekst</blockquote>');
Go to the top of the page
+Quote Post
Pyton_000
post 7.02.2015, 10:51:19
Post #4





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----

Kurna 3 min. siedziałem i gapiłem się w ten tekst i próbowałem dość gdzie jest literówka haha.gif
Go to the top of the page
+Quote Post
« Następny starszy · Gotowe rozwiązania · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 11.05.2025 - 05:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn