Question

所以我试图创建一个条形码短代码。我希望能够从li里面的文本中获取宽度，但我似乎无法得到它，它未定义。我不是jquery的专家所以请原谅我。

例如：

jQuery(document).ready(function () {
    jQuery(document).scroll(function () {
        var top = jQuery(document).scrollTop();
        if (top > 10) 
        {
            jQuery(".bar").animate({ width: '20%' }, 2000)
        }
    });
});

好的，在预先设定的宽度下动画效果很好。然后我尝试将'20％'更改为变量，该变量调用理论上应该在li元素内部获取文本的函数。

例如：

function name() {
          jQuery('.bar').text()};
var barLength = name();

嗯，我怎样才能获得li元素中的值？也许有一种更简单的方法？另外，因为每个条形长度应该不同，我会使用“每个”循环吗？就像每个.bar一样，获取值并设置宽度，那可以吗？

Answer 1

jQuery(document).ready(function () {
    jQuery(document).scroll(function () {
        function isScrolledIntoView(elem) {
            var docViewTop = jQuery(window).scrollTop();
            var docViewBottom = docViewTop + jQuery(window).height();

            var elemTop = jQuery(elem).offset().top;
            var elemBottom = elemTop + jQuery(elem).height();

            return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
        }


        jQuery(window).scroll(function () {
            if (isScrolledIntoView(jQuery('.bargraph'))) {
                jQuery(".bar10").css({ "width": "10%" })
                jQuery(".bar20").css({ "width": "20%" })
                jQuery(".bar30").css({ "width": "30%" })
                jQuery(".bar40").css({ "width": "40%" })
                jQuery(".bar50").css({ "width": "50%" })
                jQuery(".bar60").css({ "width": "60%" })
                jQuery(".bar70").css({ "width": "70%" })
                jQuery(".bar80").css({ "width": "80%" })
                jQuery(".bar90").css({ "width": "90%" })
                jQuery(".bar100").css({ "width": "100%" })
            }

        });
    });
});

在wordpress的条形码短信

1 个答案: