Abrir página externa en ventanas emergentes en jQuery Mobile

Question

Estoy usando jQuery Mobile. En realidad, quiero abrir un enlace externo en una ventana emergente. Intenté esto.

<a href="#" id="dialoglink" data-rel="dialog">Open Dialog</a> 
<script> 
$(document).delegate('#dialoglink', 'click', function() { 
    $(this).simpledialog({ 
     'mode' : 'blank', 
     'prompt': false, 
     'forceInput': false, 
     'useModal':true, 
     'fullHTML' : 
      'http://www.google.com/' 
    }) 
}); 
</script> 

Se abre una ventana emergente que el contenido es el texto http://www.google.com/. Pero en realidad quiero cargar la url. es decir, página de índice de google.

Answer 1

Usted puede hacer esto con una petición AJAX:

$.get('http://url.to.load.net',function(data) { 
    $(this).simpledialog({ 
     'mode' : 'blank', 
     'prompt': false, 
     'forceInput': false, 
     'useModal':true, 
     'fullHTML' : data 
    }); 
}); 

Nada de recomendar, sin embargo, hacer esto con una página entera como google.com. simpledialog no puede manejar este tipo de contenido y destruiría su estructura de marcado. Pero puedes cargar pequeños pedazos de HTML, como una vista de lista.