18910140161

HTML-为什么左位置在javascript中不起作用-堆栈溢出

顺晟科技

2022-10-19 12:34:26

19

我试图根据项目宽度在布顿上留下一个位置。 当我创建一个查看左值时,它会出现在浏览器控制台上,但当我将它分配给按钮时,它就不起作用了。

这是我的JS:

var fn_paragraph_diaporama_controls = function () {
    if ($(window).width() > 991) {
        if ($('.o-paragraph-diaporama').length > 0) {
            $('.o-paragraph-diaporama').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-diaporama__item').width() - $(this).find('.tns-controls').width());
            });
        }

        if ($('.o-paragraph-temoignage').length > 0) {
            $('.o-paragraph-temoignage').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-temoignage__item').width() - $(this).find('.tns-controls').width());
            });
        }

        if ($('.o-paragraph-partenaires').length > 0) {
            $('.o-paragraph-partenaires').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-partenaires__item').width() - $(this).find('.tns-controls').width());
            });
        }
    }
};

我的HTML:

var fn_paragraph_diaporama_controls = function () {
    if ($(window).width() > 991) {
        if ($('.o-paragraph-diaporama').length > 0) {
            $('.o-paragraph-diaporama').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-diaporama__item').width() - $(this).find('.tns-controls').width());
            });
        }

        if ($('.o-paragraph-temoignage').length > 0) {
            $('.o-paragraph-temoignage').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-temoignage__item').width() - $(this).find('.tns-controls').width());
            });
        }

        if ($('.o-paragraph-partenaires').length > 0) {
            $('.o-paragraph-partenaires').each(function () {
                $(this).find('.tns-controls').css("left", $(this).find('.o-paragraph-partenaires__item').width() - $(this).find('.tns-controls').width());
            });
        }
    }
};

我所拥有的:

我应该拥有的:


顺晟科技:

属性:

  • 仅适用于定位的元素(即具有非属性(默认值))。
  • 采用长度而不是数字(即需要在值中包含单位)
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航