Javascript 是否可以在弹出窗口中加载另一个php文件

我试图创建一个系统，用户点击一个链接，该链接将加载到同一页面上的弹出窗口中。例如您有一个php链接，如

如果用户单击该链接，是否可能在同一页面上加载一个弹出窗口。如果您有任何帮助，我们将不胜感激

我有我的能力 PHP

echo"<a href='account.php?hash=$hash>connect</a>
<script type=text/javascript>
    $('a').click(function (e) {
e.preventDefault();
$('.boxes').fadeIn('slow').load('user_connect.php?hash=$hash');
});
</script>

echo”
$（'a'）。单击（函数（e）{
e、 预防默认值（）；
$（'.box'）.fadeIn（'slow'）.load（'user_connect.php？hash=$hash'）；
});

我相信我在

a

上设置了

prevntDefault

这一事实不会使这项工作成功。

---

请问这是怎么可能的

还没有测试过，但应该相当简单：

$(document).on('click', 'a', function(e){
   e.preventDeafult(); //don't let browser follow the link

   var href = $(this).attr('href'); //get the href from original link
   var options = "toolbar=no,location=no,directories=no,menubar=no,scrollbars=yes,width=500,height=500";
  //Now open the popup
  window.open(href, 'NameOfTheWindow', options);
})

请记住，此代码将覆盖页面上所有链接的行为。如果您只需要在弹出窗口中打开其中一些链接，请添加类并在处理程序中使用它

     $(document).on('click', 'a.js-open-in-popup', func...

---

还没有测试过，但应该相当容易：

$(document).on('click', 'a', function(e){
   e.preventDeafult(); //don't let browser follow the link

   var href = $(this).attr('href'); //get the href from original link
   var options = "toolbar=no,location=no,directories=no,menubar=no,scrollbars=yes,width=500,height=500";
  //Now open the popup
  window.open(href, 'NameOfTheWindow', options);
})

请记住，此代码将覆盖页面上所有链接的行为。如果您只需要在弹出窗口中打开其中一些链接，请添加类并在处理程序中使用它

     $(document).on('click', 'a.js-open-in-popup', func...

CSS:

html:

<div id="pop" class="pop ">ur data</div>
<a href="" id="link"></a>

CSS:

html:

<div id="pop" class="pop ">ur data</div>
<a href="" id="link"></a>

---

令人惊讶的是，我的问题中的代码实际上是有效的。注意到我已经解决了这个问题，试图在这里解释这个问题

由于我在

PHP

中回显了

JavaScript

，

$hash

可供

JS

访问（最初问题的原因是我在

PHP

代码之外编写了

JS脚本

。

.load

有效地工作

用于

.box的样式

.boxes {
    width: 50%;
    height: 50%;
    position: fixed;
    z-index: 9000;
    display: none;
    left: 25%;
    top: 25%;
    background-color: #ffffff;
    box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    -o-box-shadow: 0 0 4px #ccc;
} 

---

感谢大家的贡献。

令人惊讶的是，我的问题中的代码实际上是有效的。注意到我在这里试图解释问题时解决了这个问题

由于我在

PHP

中回显了

JavaScript

，

$hash

可供

JS

访问（最初问题的原因是我在

PHP

代码之外编写了

JS脚本

。

.load

有效地工作

用于

.box的样式

.boxes {
    width: 50%;
    height: 50%;
    position: fixed;
    z-index: 9000;
    display: none;
    left: 25%;
    top: 25%;
    background-color: #ffffff;
    box-shadow: 0 0 4px #ccc;
    -webkit-box-shadow: 0 0 4px #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    -o-box-shadow: 0 0 4px #ccc;
} 

---

谢谢你的贡献。

你可能想考虑一个JavaScript插件，比如你可以创建一个被CSS隐藏的div，点击链接后，你可以用非常简单的jQuery来查看它。你可能想考虑一个JavaScript插件，比如你可以创建一个被CSS隐藏的div，点击链接后，你可以使用非常简单的jQuery使其可见！