Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquery模式窗口中打开链接_Jquery_Ajax_Modal Dialog_Hyperlink - Fatal编程技术网

在jquery模式窗口中打开链接

在jquery模式窗口中打开链接,jquery,ajax,modal-dialog,hyperlink,Jquery,Ajax,Modal Dialog,Hyperlink,我可以通过单击test.html中的链接打开一个模式窗口。 当模式窗口打开时,我可以看到内容 当我单击modal.html中的链接时,所有链接都会在父窗口中打开。我想要的是,当我点击一个target=\为空的链接时,我希望它在一个新的选项卡中打开。当target=\u self时,打开同一目录中的内容 模态窗口 谁能帮忙吗。任何协助都将不胜感激。 谢谢 test.html标记 <p> <a class="open-modal" href="modal.html"&

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

当我单击modal.html中的链接时,所有链接都会在父窗口中打开。我想要的是,当我点击一个target=\为空的链接时,我希望它在一个新的选项卡中打开。当target=\u self时,打开同一目录中的内容 模态窗口

谁能帮忙吗。任何协助都将不胜感激。 谢谢

test.html标记

 <p> 
     <a class="open-modal" href="modal.html">Open Modal Window</a>
 </p>
 <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>

modal.html标记

 <p> 
     <a class="open-modal" href="modal.html">Open Modal Window</a>
 </p>
 <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);


      });

}); 
$(文档).ready(函数(){
$('a.open-model')。单击(函数(事件){
event.preventDefault();
$this=$(this);
var URL=$(this.attr('href');
var dialogbox=document.getElementById('dialog');
变量对话框选项={
身高:448,
宽度:736,
莫代尔:是的,
//打开:功能(事件、用户界面){
//   },
关闭:功能(事件、用户界面){
$('#dialog').empty();
}
};
如果(dialogbox==null){
$this.在(“”)之后;
}
jQuery(“#dialog”).load(URL+“#content”).dialog(dialogOptions);
});
}); 

查看此网站。它正是您需要做的,我只看到一个API参考指南。这是正确的链接吗?是的!我的意思是,参考指南实际上是一个完全不同的网站,但是在这里被加载到Iframe中。看起来你发给我的网站在模式中使用了Iframe。我想知道模态窗口中的链接是否可以在不使用iframe的情况下使用。在这种情况下,您需要添加完整的html,并使用javascript来处理页面加载事件。这是绝对可行的。查找Jquery加载文档。你会在那里找到的