0

我可以通过单击 test.html 中的链接打开一个模式窗口。当模态窗口打开时，我可以看到内容。

当我单击 modal.html 中的链接时，所有链接都在父窗口中打开。我想要发生的是，当我单击具有目标 = _blank 的链接时，我希望它在新选项卡中打开。当 target = _self 时，在同一个模态窗口中打开内容。

任何人都可以帮忙吗？任何援助将不胜感激。谢谢

test.html 标记

 <p> 
     <a class="open-modal" href="modal.html">Open Modal Window</a>
 </p>

modal.html 标记

 <p>
     <a target="_parent" href="mypage.php">Open in parent</a>
 </p>

 <p>
     <a target="_blank" href="mypage.php">Open in new tab</a>
 </p>

 <p>
    <a target="_self" href="mypage.php">Open in same modal window</a>

 </p>

jquery.js 代码：

 $(document).ready(function() {                


      $('a.open-modal').click(function (event) {
           event.preventDefault();
           $this = $(this);
           var URL     = $(this).attr('href');
           var dialogbox = document.getElementById('dialog');
           var dialogOptions = {
                                height: 448,
                                width: 736,
                                modal: true,

      //   open: function(event, ui){

      //   },

           close: function(event, ui){
               $('#dialog').empty(); 
           }
      };

      if(dialogbox==null) {
          $this.after("<div id=\"dialog\"></div>");
      }

      jQuery('#dialog').load(URL + " #content").dialog(dialogOptions);


      });

});
4

0 回答 0