2

モーダル ポップアップにカラーボックスを使用していますが、ポップアップのコンテンツは URL から取得されています。これは iFrame 内に表示されるためです。モーダル ポップアップに閉じるボタンを追加するにはどうすればよいですか?

ありがとう

これはカラーボックスのコードです

<a class="Modal" href="http://google.com" onclick="openModal();">Click here</a>

そしてjs：

var openModal = function (){        
     $(".Modal").colorbox({
         iframe:true, 
         opacity:0.5, 
         scrolling:true, 
         width:832, 
         height:456, 
         top:60
     });
}
4

2 に答える 2

8

これを追加してみてくださいcolorbox-iframe.html

<input type="button" name="btnClose" value="Close" onclick="parent.$.colorbox.close()" />
于 2012-05-04T18:26:57.333 に答える
0

これまでカラーボックスを使用したことはありませんが、関数に jQuery を介して閉じるボタンを追加したい場合があります。

var openModal = function (){        
     $(".Modal").colorbox({
         iframe:true, 
         opacity:0.5, 
         scrolling:true, 
         width:832, 
         height:456, 
         top:60
     });

     $("<div class='thisClosesTheModal'>Close Modal</div>").appendTo(".Modal");
     // style .thisClosesTheModal to look like a close box
}

// and then the function that closes the modal

$(".thisClosesTheModal").live('click', function(){

   $('Modal').hide();

}
于 2012-05-04T22:21:12.830 に答える