Cześć,

w kodzie mam taki oto html:

Chciałem prosić o podpowiedź, jak taką obsługę wyświetlania popupa:

  1. <a href="#editDialog" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" >Dialog</a>
  2.  
  3. <div data-role="popup" id="editDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
  4. <div data-role="header" data-theme="a" class="ui-corner-top">
  5. <h1></h1>
  6. </div>
  7. <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
  8. <h3 class="ui-title">You have change ... </h3>
  9. <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">OK</a>
  10. </div>
  11. </div>


zamienić na wywołanie tego w kodzie jQuery ( a więc wtedy nie ma linka na który dopiero po kliknięciu w niego popup się odpala) ?

Próbuję na wiele sposobów ale niestety nie działa .

Mój kod w jQuery wygląda tak:

  1. $("#moj_element").change(function(){
  2. $.ajax({
  3. url: "/jakis_url",
  4. type: "POST",
  5. dataType: "json",
  6. data: {
  7. costam: costam_
  8. },
  9. success: function(data){
  10. if (data) {
  11.  
  12. // 1 próba - $("#editDialog").popup();
  13. // 2 próba - $("#editDialog").popup('open');
  14. // 3 próba - runConfirmDialog();
  15. }
  16. }
  17. });



  1. function runConfirmDialog() {
  2. $.mobile.changePage( "#editDialog", {
  3. role: "popup"
  4. });
  5. });


ale to nie działa




jak to można zrobić ? Albo jaki błąd robię że to nie chce działać ?

dzięki