jQuery sifr 插件 (thewikies.com) 和 IE

发布于 2024-08-20 21:24:04 字数 1075 浏览 5 评论 0原文

有人可以通过 Internet Explorer 使用来自 thewikies.com 的 jQuery sifr 插件吗?

我将代码减少到最少:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/DTD/strict.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<script type="text/javascript" src="./jquery.1-3-1.js"></script>
<script type="text/javascript" src="./jquery.swfobject.js"></script>
<script type="text/javascript" src="./jquery.sifr.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $.sifr({ build: 436, version: 3, path: '.' , save: true});
    $('.try').sifr({font: 'myown'});
});
</script>

</head>
<body>
  <h1 class="try">Blabla blabla </h1>
  <p class="try">Yonga Lorem ipsum...</p>
</body>
</html>

它可以在 FF 上工作...但是 h1 !在 IE 上,我们看到了替换,但原始文本并未隐藏,尽管不透明度为 0(由插件添加)。

您知道 jQuery 的 sIFR 更好的实现吗?

谢谢。

Is someone able to use jQuery sifr plugin, from thewikies.com, with Internet Explorer ?

I reduce code to minimum :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/DTD/strict.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<script type="text/javascript" src="./jquery.1-3-1.js"></script>
<script type="text/javascript" src="./jquery.swfobject.js"></script>
<script type="text/javascript" src="./jquery.sifr.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $.sifr({ build: 436, version: 3, path: '.' , save: true});
    $('.try').sifr({font: 'myown'});
});
</script>

</head>
<body>
  <h1 class="try">Blabla blabla </h1>
  <p class="try">Yonga Lorem ipsum...</p>
</body>
</html>

It's work on FF... but the h1 ! And on IE, we see the replacment but original text is not hidden, despite opacity to 0 (added by plugin).

Do you know a better implementation of sIFR for jQuery ?

Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

悸初 2024-08-27 21:24:04

我找到了解决方案。该插件不适用于 IE,并且作者从不回复电子邮件。
很容易找到,但通常需要更长的时间才能找到...

我将 : 替换

(($.browser.msie) ? 'zoom:1;filter:alpha(opacity=0)': 'opacity:0')

为 :

(($.support.opacity) ? 'opacity:0' : 'zoom:1;visibility:hidden')

$.support.opacity 只是因为 jQuery 团队建议使用它而不是 $.browser。
和可见性,因为它有效:)

但仍然不可能对 sIFRed 文本进行淡入淡出。

I found the solution. This plugin doesn't work with IE and author never answer to email.
Very simple to found, but as often, it was longer to find...

I replaced :

(($.browser.msie) ? 'zoom:1;filter:alpha(opacity=0)': 'opacity:0')

by :

(($.support.opacity) ? 'opacity:0' : 'zoom:1;visibility:hidden')

$.support.opacity just because jQuery team recommend to use this instead of $.browser.
And visibility because it works :)

But still impossible to make a fade on sIFRed text.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文