JavaScript动态页边距

时间:2014-08-13 04:04:55

标签: javascript jquery html css margin

我有一个动态调整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);

1 个答案:

答案 0 :(得分:0)

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

您需要添加' px'到您的CSS宽度设置。

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

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

还有一些建议:

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