在jQuery Mobile的彈出菜單中打開外部頁面

Question

我正在使用jQuery Mobile。其實我想在彈出窗口中打開一個外部鏈接。 我試過了。

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

它打開彈出窗口的內容是文本http://www.google.com/。 但我其實想要加載的網址。即谷歌索引頁面。

Answer 1

你可以用一個Ajax請求做到這一點：

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

沒什麼建議雖然與如google.com一整頁來做到這一點。 simpledialog無法處理這種類型的內容，它會破壞你的標記結構。但是你可以加載一小段HTML，比如列表視圖。