javascript - ウェブページのリンクにライトボックスを追加する方法

Question

以下のようなリンクのライトボックスポップアップを表示するのを手伝ってくれる人はいますか?

1)テスト1 2)テスト2 3)テスト3

誰かがリンクの下をクリックすると、ターゲットの空白で開くか、同じブラウザーでリダイレクトする代わりに、jquery ライトボックスに表示されます。

Answer 1

これはうまくいくと思います

<script type="text/javascript">
 $(document).ready(function() {
 $("a", ".rest-menuitem").click(
   function(event) {
    event.preventDefault();
    var elementURL = $(this).attr("href");
    $.colorbox({iframe: true, href: elementURL, innerWidth: 645, innerHeight: 509});
   });
 });
</script>

コンテンツに応じてinnerWidthとinnerHeightを設定します。