jquery - jquery - カラーボックスにGoogle方向ウィジェットをロードする方法は?

Question

次のコードを使用して、ページに読み込まれた 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>

上記は機能し、見栄えがします。上記をページに表示するのではなく、ユーザーが方向と呼ばれるリンクをクリックしたときにカラーボックスにロードするようにします。質問: 上記をカラーボックスで開くにはどうすればよいですか? 以下を実行しても機能しません。

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

何か案は？

Answer 1

これを試して：

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