Question

我试图将我的侧面导航器向左对齐，即使在移动设备上也是如此，此时它只是在移动尺寸（小于768px）时显示在顶部导航栏下方。我已经尝试了我所知道的所有内容，因此我认为问题必须在于我的JavaScript，因为这不是我的优点之一。我可以理解它，因为我了解Java。所以我想知道以下代码的作用......

$(function() {
    function responsiveView() {
        var wSize = $(window).width();
        if (wSize <= 768) {
            $('#container').addClass('sidebar-close');
            $('#sidebar > ul').hide();
        }

        if (wSize > 768) {
            $('#container').removeClass('sidebar-close');
            $('#sidebar > ul').show();
        }
    $(window).on('load', responsiveView);
    $(window).on('resize', responsiveView);
});

Answer 1

就Java结构而言，就像是相当于此。但它正在使用jquery。

注意：很多函数都位于jquery库中，所以我不会在下面显示它们。 $ = jquery

public Class $
{
    private void responsiveView()
    {
        int wSize = $.window().width();
        if(wSize <= 768) 
        {
            window.container.addClass('sidebar-close');//it retrieves a reference to the element and adds the className used by CSS
            $('#sidebar > ul').hide();//replaces each ul in the element with the id of sidebar. sorry didn't want to think about the java equivalent
        }

        if (wSize > 768) 
        {
            window.container.removeClass('sidebar-close');
            $('#sidebar > ul').show();//shows all ul within element with id of sidebar
        }
//this codes runs after function/methods are compiled
    $.window.on('load', responsiveView);//sets the function/method to run on window load event
    $.window.on('resize', responsiveView);//sets the function/method to run on window's resize event
    }
}

希望有所帮助。请记住，addclass将允许元素具有多个类。因此，如果您的css被分配到该类，它将应用两种样式

我不明白以下的javascript

1 个答案: