文档中的迂回jquery严格

发布于 2024-09-27 10:54:13 字数 1856 浏览 1 评论 0原文

我在文档 Strict 中使用 Roundabout jquery: http://frdhq.com/projects/roundabout/ ,但它在 IE 中不起作用。 这是我的来源:

HTML:

<ul class="roundabout">
    <li><a title="#" href="#"><img alt="product 1" src="images/product-1.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 2" src="images/product-2.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 3" src="images/product-3.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 4" src="images/product-4.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 5" src="images/product-5.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 6" src="images/product-6.gif" /></a></li>
</ul>

CSS:

.roundabout-holder { height:250px; list-style:none; margin:0 auto; margin-bottom:50px; width:90%; }
.roundabout-moveable-item { height:190px; width:95px; }
.roundabout-moveable-item a { cursor:move; }
.roundabout-in-focus {}
.roundabout-in-focus a { cursor:pointer; }

JS:

jQuery(document).ready(function() {
    jQuery(".roundabout").roundabout({
        easing: 'easeInOutExpo',
        shape: 'lazySusan'
    })
    .hover(
        function() {
            clearInterval(interval);
        },
        function() {
            interval = startAutoPlay();
        }
    );

    interval = startAutoPlay();

    function startAutoPlay() {
        return setInterval(function() {
            jQuery(".roundabout").roundabout_animateToNextChild();
            }, 3000);
    }
});

为什么会这样?以及如何在文档严格中修复它,谢谢

I am useing Roundabout jquery at: http://fredhq.com/projects/roundabout/ in document Strict, but it dont woking in IE.
This is my source:

HTML:

<ul class="roundabout">
    <li><a title="#" href="#"><img alt="product 1" src="images/product-1.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 2" src="images/product-2.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 3" src="images/product-3.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 4" src="images/product-4.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 5" src="images/product-5.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 6" src="images/product-6.gif" /></a></li>
</ul>

CSS:

.roundabout-holder { height:250px; list-style:none; margin:0 auto; margin-bottom:50px; width:90%; }
.roundabout-moveable-item { height:190px; width:95px; }
.roundabout-moveable-item a { cursor:move; }
.roundabout-in-focus {}
.roundabout-in-focus a { cursor:pointer; }

JS:

jQuery(document).ready(function() {
    jQuery(".roundabout").roundabout({
        easing: 'easeInOutExpo',
        shape: 'lazySusan'
    })
    .hover(
        function() {
            clearInterval(interval);
        },
        function() {
            interval = startAutoPlay();
        }
    );

    interval = startAutoPlay();

    function startAutoPlay() {
        return setInterval(function() {
            jQuery(".roundabout").roundabout_animateToNextChild();
            }, 3000);
    }
});

Why is it? and How to i fix it IN DOCUMENT STRICT, Thanks

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

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

发布评论

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

评论(1

○愚か者の日 2024-10-04 10:54:14

用CSS试试

.roundabout-moveable-item img { height:100%: width:100%; }

Try it with

Css:

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