首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery脚本在较高版本上不起作用

jQuery脚本在较高版本上不起作用
EN

Stack Overflow用户
提问于 2015-10-28 06:29:09
回答 1查看 29关注 0票数 0

我有一个通过点击按钮来切换列表高度的脚本。问题是,它适用于1.8.3以下的jQuery。但是我的网站目前使用的是2.1.4,那么脚本有什么问题呢?

代码语言:javascript
运行
复制
$(document).ready(function() {
    var $dscr = $('#oplist'),
        $switch = $('#opbutton'),
        $initHeight = 100; // Initial height

    if( $dscr.height() <= $initHeight ) { 
        $switch.hide();
    }

    $dscr.each(function() {
        $.data(this, "realHeight", $(this).height()+20);    // Create new property realHeight
    }).css({ overflow: "hidden", height: $initHeight + 'px' });

    $switch.toggle(function() {
        $dscr.animate({ height: $dscr.data("realHeight") }, 100);
        $switch.text('show less');
    }, 
    function() {
        $dscr.animate({ height: $initHeight}, 100);
        $switch.text('show all');
    });
});

http://jsfiddle.net/68L0ho8q/

非常提前感谢您:)

EN

回答 1

Stack Overflow用户

发布于 2015-10-28 06:37:57

https://api.jquery.com/toggle-event/

注意:此方法签名在jQuery 1.8中已弃用,并在jQuery 1.9中被删除。jQuery还提供了一个名为.toggle()的动画方法,用于切换元素的可见性。是否触发动画或事件方法取决于传递的参数集。

你现在需要实现你自己的切换方法。

代码语言:javascript
运行
复制
$switch.on("click", function () {
    var isActive = !!$(this).data("active");
    $(this).data("active", !isActive);
    if (isActive) {
      //active steps
    } else {
      //not active steps
    }
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33379599

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档