Question

我正在尝试使用jQuery向body元素添加两个类。

第一个将获取URL并将其添加到body元素。我将代码截断为前5个字符的代码。但是，我希望它是整个网址（不包括扩展名），以便名为new_page.html的文件会添加class="new_page"，而this-is-another-new_page.php会添加class="this-is-another-new_page"。

var newClass = window.location.href;
newClass = newClass.substring(newClass.lastIndexOf('/')+1, 5);
$('body').addClass(newClass);

我要添加的第二个类是检测视口高度，该视口高度将根据视口高度添加short或tall类。在这种情况下，我想添加一个检测视口高度小于768的类，并添加类short或greater than or equal to 768并添加一个tall类。

任何建议都将受到赞赏。

Answer 1

您可以使用$(window).height()

检查身高

$(function() {
    //taken from @Vohuman's comment
    var newClass = window.location.pathname.split('.').shift().slice(1);
    $('body').addClass(newClass);

    if($(window).height() < 768) {
       $("body").addClass("short");
    } else {
       $("body").addClass("tall");
    }
 })

根据视口高度将类添加到body元素

1 个答案: