Open Jquery modal dialog on click event

Question

The below code works fine for only the first click event  However for any subsequent click nothing happens  I tested this on firefox  ie7 but still the same  Am I missing something     lt script type  text javascript  gt    document  ready function               dialog   dialog            dialog link   click function                 dialog   dialog            return false               lt  script gt       lt  head gt  lt body gt      lt div id  dialog  title  Dialog Title  style  display none  gt  Some text lt  div gt        lt p id  dialog link  gt Open Dialog lt  p gt     lt  body gt  lt  html gt

User · Accepted Answer

try    document  ready function                dialog   dialog             dialog link   click function                  dialog   dialog  open            return false                there is a open arg in the last part

User · Answer

Try this        function          clickMe   click function event        var mytext       myText   val              lt div id  dialog  gt   mytext   lt  div gt    appendTo  body                event preventDefault                 dialog   dialog                                  width  600              modal  true              close  function event  ui                        dialog   remove                                                close click       And in HTML    lt h3 id  clickMe  gt Open dialog lt  h3 gt   lt textarea cols  0  rows  0  id  myText  style  display none  gt Some hidden text display none lt  textarea gt

User · Answer

function          clickMe   click function event        var mytext       myText   val             lt div id  dialog  gt   mytext   lt  div gt    appendTo  body                event preventDefault                 dialog   dialog                                  width  600              modal  true              close  function event  ui                        dialog   hide                                                close click       Better to use  hide   instead of  remove    With  remove   it returns undefined if you have pressed the link once  then close the modal and if you press the modal link again  it returns undefined with  remove   With  hide   it doesnt and it works like a breeze  Ty for the snippet in the first hand

User · Answer

Try adding this line before your dialog line        dialog    dialog   open       This method worked for me   It seems that the  close  command messes up the dialog opening again with only the  dialog      Using your code as an example  it would go in like this  note that you may need to add more to your code for it to make sense         lt script type  text javascript  gt    document  ready function               dialog   dialog            dialog link   click function          dialog    dialog   open                 dialog   dialog            return false               lt  script gt       lt  head gt  lt body gt      lt div id  dialog  title  Dialog Title  style  display none  gt  Some text lt  div gt        lt p id  dialog link  gt Open Dialog lt  p gt     lt  body gt  lt  html gt

User · Answer

May be helpful            document  ready function             buutonId   on  click   function                 modalId   modal  open

User · Answer

If you want to put some page in the dialog then you can use these   function Popup          pop   load  login html   dialog    height  625   width  600   modal true   close  function event ui           pop   dialog  destroy                          HTML    lt Div id  pop   style  display none   gt    lt  Div gt

[jquery] Open Jquery modal dialog on click event

Examples related to jquery

[jquery] Open Jquery modal dialog on click event

Examples related to jquery

Examples related to modal-dialog