Question

我有一个动态调整HTML标题大小的jQuery文件。出于某种原因，它根本没有调整大小。为什么不呢？

    /* PAGE SIZE */
    var WIDTH = $(window).width();
    var width = WIDTH - 1053;
    var WIDTH = width.toString();
    $('li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-323').css('margin-left', WIDTH);

Answer 1

请看这个小提琴：http://jsfiddle.net/f4yLx3kz/1/

您需要添加＆＃39; px＆＃39;到您的CSS宽度设置。

var winWidth = $(window).width(),
    itemWidth = winWidth - 1053;

$('li.menu-item-323').css('margin-left', itemWidth + 'px');

还有一些建议：

WordPress在菜单项上输出了很多类，但菜单项编号.menu-item-323应足以仅针对该菜单项
为了您自己的可读性，您应该在JS中设置一些更易理解的变量名称，而不仅仅是混合大写和小写
无需将宽度转换为字符串

JavaScript动态页边距

1 个答案: