[HTML][JavaScript][jquery]jquery dialog pierwsze otwarcie Opcje

[Odoakr]

Czołem!
Na stronie index.php mam

[HTML] pobierz, plaintext 
<div id="poleFoto">
	<p> dlaczego to widać</p>
</div>
[HTML] pobierz, plaintext 

w zewnętrznym pliku js.js

[HTML] pobierz, plaintext 
$(document).ready(function() {
    $('#dodajFotoButton').click(function() {
 
       $("#dodajFoto").dialog({
			height: 500,
			autoopen: false,
			width: 450,
			modal: true,
			draggable: true,
			resizable: true 
		});
	})
 
});
[HTML] pobierz, plaintext 

Problem polega na tym, iż przy pierwszym otwarciu strony tekst "dlaczego to widać" jest widoczny. Dopiero po uruchomieniu okna dialogowego znika i uruchamia się w oknie dialogowym - czyli tam gdzie miał być od początku. Dlaczego tak się dzieje?

[grzeee]

nie pisz tego diva w html tylko stwórz go za pomocą jquery przy klikaniu
Przykład naprowadzający

[HTML] pobierz, plaintext 
var $newdiv1 = $('<div id="object1"/>'),
    newdiv2 = document.createElement('div'),
    existingdiv1 = document.getElementById('foo');
 
$('body').append($newdiv1, [newdiv2, existingdiv1]);
[HTML] pobierz, plaintext 

Ten post edytował grzeee 5.01.2012, 16:10:32

[mortus]

@grzeee A co to ma wspólnego z problemem.

@Odoakr Przecież trzeba sobie ukryć ten element za pomocą atrybutu CSS display: none;:

[CSS] pobierz, plaintext 
#poleFoto {
  display: none;
}
[CSS] pobierz, plaintext 

Choć w sumie mogłaby wystarczyć sama inicjalizacja, ale nie po kliknięciu przycisku/odnośnika, a po załadowaniu strony:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
  $("#dodajFoto").dialog({
    height: 500,
    autoopen: false,
    width: 450,
    modal: true,
    draggable: true,
    resizable: true
  });
  $('#dodajFotoButton').click(function() {
    $("#dodajFoto").dialog('open');
  });
});
[JAVASCRIPT] pobierz, plaintext 

Polecam dokładniej przyjrzeć się dokumentacje.

Ten post edytował mortus 5.01.2012, 16:23:21

[Odoakr]

@mortus! Jak ukryje to z kolei po otwarciu nie widać(IMG:style_emoticons/default/smile.gif) Dopisałem, żeby w momencie powstawania popupu zmieniało się na block i śmiga. Czy to jest normalne podejście, czy takie trochę partyzanckie?(IMG:style_emoticons/default/smile.gif)

BTW. jeżeli element o id

[HTML] pobierz, plaintext 
$('#dodajFotoButton')
[HTML] pobierz, plaintext 

zostanie utworzony przez php w innym obiekcie dialog, to po kliknięciu nic się nie dzieje. Czy jquery ma jakieś ograniczenia w zagnieżdżaniu elementów, które są w stanie wywołać funkcję?

[mortus]

Usuń style i sprawdź kod jQuery, który wyżej podałem. Co do ograniczeń, to są to ograniczenia JS, a w jQuery można sobie z nimi radzić za pomocą metody .live().

[Odoakr]

Dzięki za pomoc! Działa!

W Twoim kodzie zmień tylko:
autoopen: false

na

autoOpen: false