Jquery 和 sIFR 链接管理答案

【问题标题】：Jquery and sIFR link managementJquery 和 sIFR 链接管理
【发布时间】：2010-02-05 19:20:22
【问题描述】：

好的，我正在使用 Jquery 构建动态菜单，并使用 sIFR 将文本更改为 TrajanPro 字体。

这不会混合。不过，我想找到一种混合方式。

sIFR 自动解析链接，以便 Flash 将您发送到链接位置。它不做的是传递 javascript 触发器。我试图通过使用硬链接，然后用 Jquery 重写它们来管理子菜单的可见性，使我的菜单尽可能易于访问，就像这样 ~

(CSS)

.submenu {display: none;}

(Javascript)

       $("a#top1").click(function(event){
     $(".submenu").css("display","none");
     $("#sub1").css("display","block");
     event.preventDefault();
   });

...对每个顶级菜单链接 ID 重复（#top2、#top3、#top4 - 只有 4 个项目。）

有没有人知道一种简单的方法让 sIFR 很好地处理 javascript 触发器，而无需重写核心 sIFR 代码（这几乎超出了我的能力）？

我知道有 sIFR 的替代方案，例如图像替换，我知道你们中的一些人可能会建议它们 - 这很酷，但让我先说明我的项目目标：

1) 优雅地降级。如果没有 javascript，链接仍然有效，如果图像/flash 无法加载文本而不是红色 x 和 alt 标记。

2) 很好地扩展。我对所有事情都使用 em，我的老板在 Iphone 上查看所有内容，而且众所周知，我们的客户使用从 IE6 到 Macbooks 到 lynx 浏览器、大屏幕和小屏幕的所有内容。我需要文本在所有情况下都“适合”。

3) 如果没有 Flash，则必须工作。至少正确显示文本。该死的 Apple 和他们的 Ipad...（是的，我知道 sIFR 依赖闪存，不过它有各种技巧可以无缝降级。）

4) 页面上没有太多的文本或其他任何内容，所以只要满足前面的要求，有点代码膨胀是可以的。不过，如果我能保持我的源订单完好无损，那就太好了；我现在得到它的方式有 10 行代码/标题链接，然后我们才能进入肉中。

非常感谢！！！

【问题讨论】：

标签： javascript jquery flash sifr

【解决方案1】：

已解决 - Cufón (http://cufon.shoqolate.com/generate/) 是一种字体替换解决方案，它完全依赖于 javascript 和 javascriptable 语言（SVG 和 VML），因此可以像其他任何元素一样编写脚本。

摇滚！

留下这个问题，以防其他人遇到同样的问题。

【讨论】：

必须同意，sIRF 非常适合标题，但任何动态或可点击的内容通常由 Cufon 提供更好的服务。只要确保您的字体许可证允许您使用它。也适用于 iPhone。
不用担心许可证，它是 Adobe 的东西。
已确认 - Cufón 完美运行并通过了所有测试。不过，我会留下这篇文章，以防其他人遇到同样的问题。干杯！

【解决方案2】：

sIFR 3 有用于此的 API，但它需要与您的代码库进行一些集成。

【讨论】：