Javascript Fancybox窗口未打开

我使用下面的代码来隐藏鼠标上方浏览器左下角显示的url（而不是隐藏地址栏中的链接）。 在cliking之后使用这个类，当通过href方法使用时，fancybox会在同一窗口中打开（在这个方法中，onmouseover的链接显示在左下角）

但Fancybox在尝试使用按钮时无法打开（使用按钮时，左下角的url会被隐藏）。链接与地址栏中的链接在同一窗口中打开。我想通过这个onclick函数打开fancybox

代码如下

    <button class="fancy fancybox.iframe more_info_btn" onclick="window.location.href='<?php echo $data['recording_link'];?>'">Play Recording</button>

---

您似乎想手动打开fancybox。您可以使用fancybox API方法打开fancybox

例如，如果要通过单击按钮打开iframe，可以尝试以下操作

HTML


var url=；
测试

Javascript

<script>
  function openIframe(url){
    if(url){
      $.fancybox.open({type:"iframe",href:url});
    }
  }
</script>


函数openIframe（url）{
如果（url）{
$.fancybox.open（{type:“iframe”，href:url}）；
}
}

希望这对您有所帮助。
您可以使用特殊的
数据fancybox-*
属性将任何标记元素（包括
按钮
）绑定到fancybox，请尝试以下操作：

<button data-fancybox-href="<?php echo $data['recording_link'];?>" class="fancy fancybox.iframe more_info_btn" >Play Recording</button>

我使用了以下代码

    <button data-fancybox-href="<?php echo $data['recording_link'];?>" class="fancy fancybox.iframe more_info_btn" >Play Recording</button>

如果您使用fancy box，只需为按钮提供一个href，其中包含您要在fancy box中显示的元素的id，而不要为其提供onclick event.thnx作为注释。您可以详细解释一下吗？我是网页设计新手。你能给我看一下示例代码和我的代码数据吗？如href中所示，包含php代码。感谢您的帮助。但不幸的是，上面的代码不起作用。点击测试按钮，什么也没发生…控制台有错误吗？请确保在调用openIframe函数之前必须定义它。非常感谢。你解决了我的问题…我只想提一件事，请添加javascript$（“.fancy”）.fancybox（）；在head部分中正确运行此代码。（在这里提到这一点，以便其他成员可以正确地使用它…@drManishJoshi：好吧，假设如果您让fancybox正常工作，您会以某种方式包含脚本的这一部分。不过，它也是在提供的JSFIDLE中设置的。无论如何，谢谢。请注意，
不是有效的标记（您可以使用
关闭）…最好使用
作为开始标记。还要注意，如果要在文档的
部分包含脚本，最好将其包装在
.read（）
方法中，如
jQuery（document）.ready（function（$）{$（“.fancy”）.fancybox（）；
    <button data-fancybox-href="<?php echo $data['recording_link'];?>" class="fancy fancybox.iframe more_info_btn" >Play Recording</button>

    <javascript>$(".fancy").fancybox();</script>