Twitter的引導開放遠程URL編程

<div class="modal hide fade" id="modal_window"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>One fine body</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn">Close</a> 
     <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div>

這是我的HTML代碼，Twitter的引導開放遠程URL編程

我想遠程內容加載到它，讓說yahoo.com

我試圖

$('#modal_window').attr('data-remote', 'http://www.yahoo.com').modal({show:true, remote:true});

它顯示了正常的模態內容而不是雅虎載入模態。我如何使它加載到模態窗口yahoo.com？

http://jsfiddle.net/UXU2K/1/

由於

來源

2012-10-08 joh

它與拼寫modal_win vs modal_window有關嗎？ –

不，這是正確的，我把它放在這裏時拼錯了。感謝您注意它。 – joh

的兩種方法來加載遠程數據通過Javascript是無論是從AJAX或通過設置的iFrame的URL。當你想要加載整個網站時，iFrame是用於。我會假設你不想要那個。您正在使用jQuery，因此以下是他們的ajax方法http://api.jquery.com/jQuery.ajax/的文檔。

下面是使用jQuery的Ajax方法的代碼加載遠程數據：

$.ajax({ 

     url: 'http://www.yahoo.com', 
     type: 'GET', 
     success: function(data) { 

      $('#modal_body').append(html); 

     } 

    });

順便說一句，如果要加載HTML（而非純文本），並希望注入到這一點的modal_win元素，使用在成功的方法，而不是我有什麼上面下面的代碼：

$(html).appendTo('#modal_body');

來源

2012-10-08 03:35:18 Jeffington

傳遞remote: true是無效的語法，因爲你設置數據屬性。如果你刪除它，你會看到這個錯誤：

XMLHttpRequest cannot load http://www.yahoo.com/ . Origin http://fiddle.jshell.net is not allowed by Access-Control-Allow-Origin.

這將工作，如果頁面是在您的網站相同的域。否則，您將需要使用iFrame，但它取決於您的應用程序。

來源

2012-10-08 03:47:01

另外，雅虎可能有腳本來阻止你這樣做。 –

Twitter的引導開放遠程URL編程

回答

相關問題