【问题标题】:jQuery removeClass duration not working?jQuery removeClass 持续时间不起作用?
【发布时间】:2010-10-06 16:18:31
【问题描述】:

我有一个段落设置为以下样式:

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

这样,您可以看到前 2 行文本,并带有一个“阅读更多”按钮,该按钮扩展段落以显示其余文本。

这里是按钮的代码:

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

这确实删除了类并显示了整个段落。但是,它没有动画。根据文档removeClass 应该有动画的持续时间。我还尝试用 10000 之类的数字代替“慢”。

它没有动画有什么原因吗?

【问题讨论】:

  • 不错的“阅读更多”想法——我喜欢它!
  • 顺便说一句,这是一个很好的问题。我以前不知道为 removeClass 设置动画的选项。

标签: jquery jquery-animate duration removeclass


【解决方案1】:

这不起作用的原因(我相信)是这是 jQueryUI 的一个特性,而不是核心 jQuery 库。在您的页面中包含对 jQueryUI 的引用,这应该可以开始工作了。

在此处查看现场演示:http://jsfiddle.net/YaSh6/

【讨论】:

    猜你喜欢
    • 2023-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    • 2014-03-25
    相关资源
    最近更新 更多