使用Jquery延迟CSS加载

克里斯蒂安·班格特(Christian Bangert)

我有两个问题。

我的主要问题是如何使用Jquery延迟CSS属性的加载时间?我尝试使用.delay()。css(),但没有运气。我希望在幻灯片动画结束后加载圆角。

我的第二个问题是,为什么切换下箭头时我的下箭头不改变?

$(document).ready(function () {

    $(function () {
        $('.click_here').click()
    })

    // Attach toggle event to click areas
    $('.click_here').toggle(

    function () {
        $(this).siblings().slideUp('fast')
        $(this).css("border-radius", "10px")
    },

    function () {
        $(this).siblings().slideDown('fast')
        $(this).delay(800).css("border-radius", "10px 10px 0px 0px")
        $('.click_here:before').css("content", "\21e1")

    })


})

http://jsfiddle.net/Yzbp9/12/

拉贾普布(Rajabrabhu Aravindasamy)

那么它的时间使用callBack的函数slideUp/ slideDown

$('.click_here').toggle(function () {
        var $this = $(this);
        $(this).siblings().slideUp('fast', function () {
            $this.css("border-radius", "10px")
        });
    },function () {
        var $this = $(this);
        $(this).siblings().slideDown('fast', function () {
            $this.delay(800).css("border-radius", "10px 10px 0px 0px")
        });
   $('.click_here:before').css("content", "\21e1")
})

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Jquery延迟CSS加载

来自分类Dev

使用 jquery 延迟图像加载

来自分类Dev

在延迟加载的图像上使用jQuery Zoom

来自分类Dev

延迟加载CSS文件

来自分类Dev

延迟加载jQuery元素

来自分类Dev

使用jQuery延迟更改CSS属性

来自分类Dev

使用CSS加载页面后延迟幻灯片

来自分类Dev

使用jquery和webmethod在Gridview中延迟加载

来自分类Dev

jQuery延迟重新加载布局

来自分类Dev

在angularjs中动态加载CSS(加载延迟)

来自分类Dev

检测一组延迟的ajax请求何时完成加载,并且页面也使用jQuery完成加载

来自分类Dev

使用jQuery循环和延迟无限CSS3动画

来自分类Dev

NHibernate何时使用延迟加载?

来自分类Dev

在DRF中使用延迟加载

来自分类Dev

NHibernate何时使用延迟加载?

来自分类Dev

在 jQuery 延迟后加载 jquery 插件文件

来自分类Dev

如何使用Google Page Speed CSS加载脚本延迟多个CSS文件

来自分类Dev

如何使用Google Page Speed CSS加载脚本延迟多个CSS文件

来自分类Dev

jQuery。使用setTimeout延迟

来自分类Dev

使用jQuery延迟setInterval

来自分类Dev

jQuery延迟链接CSS属性

来自分类Dev

CSS背景图片加载延迟

来自分类Dev

jQuery加载延迟。如何确保jQuery已加载?

来自分类Dev

jQuery加载延迟。如何确保jQuery已加载?

来自分类Dev

具有延迟加载的jQuery.tablesorter

来自分类Dev

jQuery UI工具提示加载并延迟显示

来自分类Dev

jQuery UI工具提示加载并延迟显示

来自分类Dev

jQuery回调导致页面加载延迟

来自分类Dev

jQuery函数的延迟(按钮加载状态)