Las ventanas emergentes en jQuery Mobile no funcionan según lo previsto, por favor avise

Las ventanas emergentes en jQuery Mobile no funcionan según lo previsto, por favor avise.

El DIV emergente aún está visible, uno esperaría que DIV esté oculto y no aparece cuando se hace clic en el enlace. Parece funcionar en las demostraciones en los documentos de jQuery.

¿Algo está mal con el código de abajo?

<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>

preguntado el 12 de junio de 12 a las 13:06

2 Respuestas

Está utilizando una función beta que aún no se ha lanzado, verificaría para asegurarse de que está utilizando

Ejemplo en vivo:

Docs:

Tu codigo:

<div data-role="page" class="type-interior">
    <div data-role="content" class="ui-body">
        <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>
    </div>
</div>

Respondido el 12 de junio de 12 a las 14:06

gracias por tu respuesta compañero, ya que es una función beta, no estoy seguro de si debería usar jQM1.2 (prueba). Estoy trabajando en un proyecto que debe comenzar a funcionar la próxima semana. Por ahora, creo que usaré jQueryMobile SimpleDialog 2.¿Qué sugieres? - manraj82

Si está en Twitter, puede preguntarle a los desarrolladores de jQM @jquerymobile cuándo es la fecha de lanzamiento de 1.2.x. Si está lo suficientemente cerca, mantendría la ventana emergente, pero si faltan un par de semanas o más antes de lanzar la actualización, usaría la función de diálogo. Pero todo es relativo ya que hay más variables desconocidas como: 1- ¿Puedes actualizar después de publicar el código? ¿A qué dispositivos te diriges? ¿Cuándo es la fecha de lanzamiento? phill pafford

En mi caso, el css estaba haciendo todas las locuras. actualizar a v1.2 funcionó. gracias - gion_13

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"
      }
    }
  })
})

Referencia:_

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

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

Respondido el 12 de junio de 12 a las 13:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.