Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery]popUp i popOut, Jak Wy sobie z tym radzicie!?
general
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2004
Skąd: Teresin

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

Bez Waszej pomocy chyba sobie z tym nie poradzę i nie zrozumiem działania tego mechanizmu.

1. Za pomocą metody click() i DIV-a pięknie wyskakuje mi okienko (popUp) - i git.
2. W okienku umieszczam przycisk [ZAMKNIJ] - bo oczywiście chcę potem takiego popUp'a zamknąć.
No i powiedzcie mi, co robię źle

Ustawiam klasę .closeBox, daję mu [przyciskowi ZAMKNIJ] metodę click() z argumentem ...
właśnie, jakim: .remove() czy jakimś innym?
Próbowałem różnych sposobów, ale problem był taki sam: ten popUp jakby w ogóle nie reagował na jquery

Np.
[HTML] pobierz, plaintext 
  1. <head>
  2. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. 	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
  4. 	<script src="jquery/1.10.1/jquery.min.js"></script>
  5. 	<script type="text/javascript">
  6. 	$(function() {
  7. 		$('a#openBox').click(function(e) {
  8. 			e.preventDefault();
  9. 			$('#guru_box').load('guru.php').css("display","block"); // Wyświetla mi pięknie zawartość pliku 'guru.php' z przyciskiem [Zamknij]
  10. 			var allHeadings = $('div'); // w celu sprawdzenia czy działa jquery
  11. 			alert( allHeadings.length ); // alert wyskakuje - to działa!
  12. 		});
  13.  
  14. 		// Close popUp
  15. 		$('a.closeBox').live('click', function() { // <a class="closeBox" href="#">Zamknij</a>
  16. 			var allHeadings = $('div'); // w celu sprawdzenia czy działa jquery
  17. 			alert( allHeadings.length ); // klikam na [Zamknij] i alert nie wyskakuje, i nic się nie dzieje (poza dodaniem '#' w pasku adresu)
  18. 		});
  19. 	});
  20. 	</script>
  21. </head>
[HTML] pobierz, plaintext


Proszę, pomocy! Jak to się robi
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
styryl
post
Post #2





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

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

Jak rozumiem Twoim popupem jest div o id: #guru_box tym dajesz my "widoczność": .css("display","block");, więc w zależności co chcesz zrobić:
1. "schować okienko": 

[PHP] pobierz, plaintext 
  1. $('#guru_box').hide();
[PHP] pobierz, plaintext


2. Usunąć:

[PHP] pobierz, plaintext 
  1. $('#guru_box').remove();
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- general   [jquery]popUp i popOut   15.07.2013, 20:16:23
- - styryl   Jak rozumiem Twoim popupem jest div o id: #guru_bo...   17.07.2013, 08:08:07
|- - general   Zastosowałem [PHP] pobierz, plaintext $('#guru...   17.07.2013, 21:02:44
- - b4rt3kk   Używasz jQuery w wersji 1.10 a live nie działa od ...   17.07.2013, 10:27:24
- - b4rt3kk   A zmieniłeś live() na on()? Tak jak pisałem w jQue...   17.07.2013, 22:15:35
|- - general   Cytat(b4rt3kk @ 17.07.2013, 23:15:35 ...   17.07.2013, 23:14:45
- - b4rt3kk   No to nie dołączasz w pliku guru.php znów danych d...   18.07.2013, 06:56:14
- - general   Ale przecież okienko (popUp) jest tworzony w oparc...   18.07.2013, 18:39:01

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 7.10.2025 - 07:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn