Implementing fancybox onclick()
Implementing fancybox onclick()
<?php
echo '<td class="options-width">'.
'<a href="edituser_lightbox.php?user_id=' . $row['user_id'] . ' " onclick:" $.fancybox({ href:'example.jpg',title : 'Custom Title'});"title="Edit" class="icon-1 info-tooltip" </a>'.
'<a href="deleteuser.php?user_id=' . $row['user_id'] . ' " class="icon-2 info-tooltip"> </a>'.
'<a href="" title="Save" class="icon-5 info-tooltip"> </a>'.
'</td>';
echo "</tr>";
}
?>
伙计们,我至少要靠近这里?你能看到我想做什么吗?我也无法更改我的 css 以包含花式框:(
onclick
属性应使用 =
指定,而不是:
如下:
echo '<a href="edituser_lightbox.php?user_id=' . $row['user_id'] . '" onclick="$.fancybox({ href:''example.jpg'',title : ''Custom Title''});" title="Edit" class="icon-1 info-tooltip" </a>';
在 fancybox 语句中,您还需要对单引号进行反斜杠转义,以便它们在输出 HTML 中显示为文字'
。在 href=
属性的结束"
之前,您还有一个额外的空格。
JavaScript 内联放置在标签中不被认为是好的做法。相反,最好将其绑定为:
$("a#editLink").click(function() {
$.fancybox({ href:'example.jpg',title : 'Custom Title'});
});
请注意,您需要将id="editLink"
添加到<a>
标记中。(它可以是任何id,也可以是各种其他jQuery选择器,而不是id
。
echo '<a id="editLink" href="edituser_lightbox.php?user_id=' . $row['user_id'] . '" onclick="$.fancybox({ href:''example.jpg'',title : ''Custom Title''});" title="Edit" class="icon-1 info-tooltip" </a>';
看起来像
一个错字:
onclick:"
将冒号设为等号:
onclick="
此外,通过添加引号来确保对象的属性值为字符串。
onclick='$.fancybox({href: "'example.jpg'", title: "'Custom Title'"});'
相关文章:
- Fancybox是否将Click事件静音
- 如何在执行此特定onclick事件时执行JavaScript函数
- Setting default onclick behavior for <img> tag in gene
- Javascript全局onclick监听器
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 如何调用“;链接_;在onclick事件上使用Javascript
- onclick函数需要双击,因为类分配延迟
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 使用onclick绘制SVG路径
- 如何将数据从onclick按钮传递到变量
- 选择onclick事件jquery
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 如何刷新列表框内容onclick或blur事件
- OnClick/Onhover Javascript/jquery
- 执行php函数的onclick事件的其他替代方案
- 使用<a>onclick将ajax内容打开到fancybox中
- Implementing fancybox onclick()
- 如何在Fancybox关闭时启用OnClick
- Fancybox onclick没有传递id
- 如何让fancybox显示一个“是/否确认框”?通过href onclick