Question

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

<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>

我希望它可以作为fancybox链接使用，那么如何删除实际的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号了解更多