javascript - Fancybox 窗口打不开

标签 javascript jquery hyperlink fancybox fancybox-2

我使用以下代码隐藏鼠标悬停时浏览器左下角显示的网址(不是隐藏地址栏中的链接)。 使用此类,单击后,通过 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>

等待您的帮助

最佳答案

您可以使用特殊的data-fancybox-*属性将任何标签元素(包括按钮)绑定(bind)到fancybox,所以试试这个:

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

注意我们不需要onclick属性

参见 JSFIDDLE

关于javascript - Fancybox 窗口打不开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22341916/

相关文章:

javascript - 为什么这个 keyup 事件处理程序在 IE9 中不起作用?

c# - Web 链接的 C# 解析器 (RFC 5988)

css - 如何使用 css 将图像链接缩放到 100% 的 div?

javascript - 如何将我自己的 JavaScript 库添加到 ClojureScript?

javascript - 将隐藏字段附加到 DIV 容器中,

javascript - 在我的 ul 列表中查找并分隔带有单词首字母的单词?

Javascript - Div Box 作为超链接 + 嵌套文本超链接 - 可能吗?

javascript - 如果一个键相同,则创建新的对象数组,然后添加这些对象的其他键的值

javascript - 应该查看触发事件吗?

jQuery 插件获取元素 ID 以在 AJAX 中使用成功