Question

Popups in jQuery Mobile not working as intended, please advice.

The popup DIV is still visible,one would expect that DIV to be hidden and it doesnt popup when the link is clicked.It seems to work in the demos in jQuery docs.

Is something wrong with the code below?

<a href="#transitionExample" data-transition="pop" data-role="button" data-inline="true" data-rel="popup">Pop Up</a>
     <div data-role="popup" id="transitionExample">
     This is a POP UP.
    </div>

Answer 1

HTML

<p>You have entered: <span id="dialogoutput"></span></p>

    <a href="#" id="dialoglink" data-role="button">Open Dialog</a>

jQuery

$(document).delegate('#simplestring', 'click', function() {
  $(this).simpledialog({
    'mode' : 'string',
    'prompt' : 'What do you say?',
    'buttons' : {
      'OK': {
        click: function () {
          $('#dialogoutput').text($('#dialoglink').attr('data-string'));
        }
      },
      'Cancel': {
        click: function () { },
        icon: "delete",
        theme: "c"
      }
    }
  })
})

Referance:_

http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html

http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html