Fancybox 集成到迷你幻灯片链接中

Question

我们有一排标题菜单链接，其中一些需要是花哨的弹出窗口。但是，当我在菜单部分插入适当的花式框代码时，文本比其他链接略小和略高（并且不包含迷你幻灯片背景按钮等）：

<li><a id="tip6"><strong>How it works</a></li>  <li class="line">|</li>

我意识到要使文本显示正确，它需要有一个实际的href= 链接，以便菜单系统知道它是一个链接（它不需要是）。因此，当然，当添加链接时，它会覆盖 fancybox 操作。这就是我们的菜单系统中需要制定的功能链接：

<li><strong><a href="link.php">How it works</a></strong></li> <li class="line">|</li>

我希望它作为一个花式链接，那么我怎样才能删除实际的href= 链接并欺骗菜单认为它是一个链接以便正确显示？

我已经尝试了以下方法，但没有成功：

<li><strong><a id="tip4" href="link.php">How it works</a></strong></li> <li class="line">|</li>

Answer 1

您还可以使用href="javascript:;" 来避免覆盖fancybox 功能并仍然让href 属性与您的样式设置一起使用，所以

<li><strong><a id="tip4" href="javascript:;">How it works</a></strong></li> <li class="line">|</li>

或者在锚点内加上strong标签（没关系）

<li><a id="tip4" href="javascript:;"><strong>How it works</strong></a></li> <li class="line">|</li>

另一方面，如果您计划对同一个html 文档中的多个元素使用相同的脚本，最好使用classes 而不是ID。更多信息请查看http://fancybox.net/faq 7 号