在jquery模式窗口中打开链接

时间:2013-09-13 17:32:20

标签: jquery ajax modal-dialog hyperlink

我可以通过点击test.html中的链接打开模态窗口。 当模态窗口打开时,我能够看到内容。

当我点击modal.html中的链接时,所有链接都在父窗口中打开。我想要的是当我点击具有target = _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);


      });

}); 

0 个答案:

没有答案