0

ポップアップでhtmlページをロードしたい。私はいくつかのグーグルを行い、 jquery colorboxを見つけました。彼らが使用している例ですがanchor tag、ボタンのクリック時にポップアップをロードしたいです。

カラーボックスの例

<a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a>

$(document).ready(function(){
     $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
});

上記のカラーボックスの例では、リンクをクリックするとポップアップで外部ページがロードされますが、ボタンをクリックするとそれを実行したいと思います。

4

4 に答える 4

1

試す：

<input type="button" id="yourButtonId" value="Load Page" />

$(document).ready(function(){
  $("#yourButtonId").on("click", function() {
     $.fn.colorbox({iframe:true, width:"80%", height:"80%"});
     //or
     $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
  });     
});
于 2012-12-17T07:57:47.710 に答える
0

ボタンクリックでこのコードをバインドします。

$(".iframe").colorbox({open:true, iframe:true, width:"80%", height:"80%"});

$(".iframe")href-タグが必要です

open:true-ボタンをクリックするとカラーボックスが開きます

于 2012-12-17T08:26:56.197 に答える
0

カラーボックスを に配置することで$(document).ready(function(){、ページの読み込み時にポップアップが作成されます。

クリック イベントをボタンにバインドするだけです。

$(document).ready(function(){
    $('#yourButtonId').click(function () {
        $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
    }
});
于 2012-12-17T07:58:20.397 に答える