Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> jquery dialog w dialogu
backen
post 31.10.2012, 10:43:34
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 3
Dołączył: 2.02.2009

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


Witam mam taki problem z dialogiem i nie mam pojecia jak go usunac.

  1.  
  2. <div id="dialog1">
  3.  
  4. <div id="dialog2">
  5.  
  6.  
  7. </div>
  8.  
  9.  
  10. <button>otworz dialog 2</button>
  11. $('#dialog2').dialog();
  12. </div>
  13.  
  14. <button>otworz dialog 1</button>
  15. $('#dialog1').dialog();


i wszystko sobie jadnie dziala ale gdy

otworze dialog 1 i dialog 2
do body dodja sie divy z dialogami i jest ok
ale gdy znow otworze dialog 1 jquerowski div dialog1 zmienia sie na display: block ale po otwarciu dialog2 tworzy sie nowy dialog2 i w body sa 3 dialogi.
jak zrobic zeby dialog2 wiedzial ze juz byl otwarty i nie tworzylo nowego dialogu?
Go to the top of the page
+Quote Post
toffiak
post 31.10.2012, 12:28:48
Post #2





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

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


Może tak


--------------------
Go to the top of the page
+Quote Post
backen
post 31.10.2012, 14:09:35
Post #3





Grupa: Zarejestrowani
Postów: 33
Pomógł: 3
Dołączył: 2.02.2009

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



po zamknieciu dialog2 i dialog1 i przy probie otwarcia dialog1 $('#dialog2').dialog( "isOpen" ) zwraca falsz
Go to the top of the page
+Quote Post
toffiak
post 31.10.2012, 17:31:19
Post #4





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

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


Proszę podać cały skrypt, ten podany w pierwszym poście jest niepoprawnie zagnieżdżony.

Zakładam że efekt końcowy ma wyglądać mniej więcej tak http://jsfiddle.net/Np4rA/10/

Ten post edytował toffiak 31.10.2012, 17:34:01


--------------------
Go to the top of the page
+Quote Post
backen
post 5.11.2012, 11:11:51
Post #5





Grupa: Zarejestrowani
Postów: 33
Pomógł: 3
Dołączył: 2.02.2009

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


  1.  
  2. <!doctype html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Hello, HTML5!</title>
  7.  
  8. <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/start/jquery-ui.css" type="text/css"/>
  9.  
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  11. <script type="text/javascript" src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
  12.  
  13.  
  14.  
  15.  
  16.  
  17. </head>
  18. <body>
  19.  
  20.  
  21. <div id="dd1" style="display: none;">
  22. dialog 1
  23. </div>
  24.  
  25.  
  26. <button onclick="f1();"> otw. dialog 1 </button>
  27.  
  28.  
  29.  
  30. function f1(){
  31.  
  32. var trescdialogujestladowanadynamicznie = '<button onclick="$(\'#dd2\').dialog();"> otw. dialog 2 </button>';
  33. trescdialogujestladowanadynamicznie += '<div id="dd2" style="display: none;">';
  34. trescdialogujestladowanadynamicznie += 'dialog 2';
  35. trescdialogujestladowanadynamicznie += '</div>';
  36.  
  37.  
  38. $('#dd1').html(trescdialogujestladowanadynamicznie);
  39. $('#dd1').dialog();
  40. }
  41.  
  42. </script>
  43.  
  44. </body>
  45. </html>
  46.  



przerabiajac kod na prosty przyklad dochodze do wniosku ze wina jest taka ze skrypty sa ladowane jakby za kazdym razem otwarcia dialog 1
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:38