javascript – $(li).width()返回包含填充的值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – $(li).width()返回包含填充的值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1030字，纯文字阅读大概需要2分钟。

内容图文

http://jsfiddle.net/MeoMix/8zg2V/83/

我有以下jsFiddle.这个想法是当显示一个太长的上下文菜单项时,它会用省略号呈现,但是在鼠标悬停时它会翻阅文本.

有问题的代码：

//Provides helper methods for non-specific functionality.
define('helpers', [], function () {
    'use strict';

    return {
        scrollElementInsideParent: function(element, parent) {
            //  Scroll the element if its too long to read.
            $(element).mouseover(function () {

                var distanceToMove = $(this).width() - $(parent).width();

                console.log("My width and parent width:", $(this).width(), $(parent).width());

                $(this).animate({
                    marginLeft: "-" + distanceToMove + "px"
                }, {
                    //  Just a feel good value; scales as the text gets longer
                    duration: 15 * distanceToMove,
                    easing: 'linear'
                });

            }).mouseout(function () {
                $(this).stop(true).animate({ marginLeft: 0 });
            });
        }
    };

在这里,我记录在宽度上滚动的元素及其父元素宽度.控制台输出：

My width and parent width: 360 230

但在查看指标时,这似乎是不正确的：

为什么是这样？

解决方法:

在您的代码中,parent参数引用< ul>.使用$(this).parent()来获取< li>

演示：http://jsfiddle.net/EsL2X/

内容总结

以上是互联网集市为您收集整理的javascript – $(li).width()返回包含填充的值？全部内容，希望文章能够帮你解决javascript – $(li).width()返回包含填充的值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端