Question

我正在使用以下代码隐藏鼠标悬停时在浏览器左下方显示的网址（不隐藏地址栏中的链接）。使用此类在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>

等待你的帮助

Answer 1

好像你想手动打开一个fancybox。你可以使用fancybox API方法open打开一个fancybox。

例如，如果您想通过点击按钮打开iframe，可以试试这个。

HTML

<script>
  var url=<?php if(isset($data['recording_link']) && !empty($data['recording_link'])) echo $data['recording_link'];?>;
</script>   
<button onclick="openIframe(url)">test</button>

的Javascript

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

希望这对你有所帮助。

Answer 2

我使用了以下代码

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

并在关闭页首之前添加了javascript代码，如下所示..

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

谢谢你JFK（https://stackoverflow.com/users/1055987/jfk）寻求帮助

我写了这个答案，所以将来其他成员可以使用这个代码

Fancybox窗口未打开

2 个答案: