jquery - 如何在colorbox中加載google方向控件？

我有一個谷歌的方向小部件裝在我的網頁上用下面的代碼：jquery - 如何在colorbox中加載google方向控件？

<div class="directions"> 
    <script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/114281111391296844949/driving-directions.xml&amp;up_fromLocation=&amp;up_myLocations=<%= @meeting.location.address %>&amp;up_defaultDirectionsType=&amp;up_autoExpand=&amp;synd=open&amp;w=320&amp;h=55&amp;title=Directions+by+Google+Maps&amp;lang=en&amp;country=US&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script> 
</div>

上述工作和看上去很不錯。而不是讓上述內容出現在頁面上，當用戶點擊一個名爲directions的鏈接時，我希望它加載到一個colorbox中。問題是：如何才能在彩盒中打開上述內容？做以下不起作用：

$.colorbox({href:"<the http link from above>"});

任何想法？

來源

2012-08-16 absolutskyy

您的div有沒有真正的內容，它是不可點擊。你可以使用CSS來設計它的樣式，試試這個http://jsfiddle.net/WAhyG/1/ – undefined 2012-08-16 22:38:21

好吧，div中的腳本鏈接在其中有rails代碼，可能會導致它無法爲你加載，但它對我來說很好。我在更高的層次上詢問我如何在彩盒中打開腳本。 – absolutskyy 2012-08-16 22:42:06

試試這個：

$('.directions').click(function(){ 
    var src = $(this).find('script').attr('src'); 
    $.colorbox({ href: src }); 
})

來源

2012-08-16 22:43:26 undefined

在這種情況下，顏色框確實打開，但內容無法加載，因爲小部件無法加載。 – absolutskyy 2012-08-16 23:11:48

@absolutskyy所以它不適用於源代碼？ – undefined 2012-08-16 23:13:01

jquery - 如何在colorbox中加載google方向控件？

回答

相關問題