Question

我是jquery的新手。我只想在下拉菜单中执行以下任务：

if (scrnwidth <= 761) {
        if (display was block) {
            //Defaultly testi has display:none property.
            testi = make testi display
        }
        else{
            return false;
        }
    }

那项任务对我不起作用。如何添加css属性？没找到错误。这是代码：

jQuery('.menu_toggler').click(function () {
    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.css("display") === "block") {
            testi = testi.css("display" == "none");
        }
        else{
            return false;
        }
    }
});

提前致谢。

Answer 1

要制作div节目，您可以使用：

$('#name-of-div').show();

或者，如果你想隐藏一个div，那么......鼓声......

$('#name-of-div').hide();

然后如果你只想在show / hide之间切换..

$('#name-of-div').toggle();

Answer 2

隐藏元素的语法不是很正确，您需要将规则和值作为单独的参数提供：

testi.css("display", "none");
// or testi.hide()

话虽如此，我强烈建议您不要使用JS，而是使用CSS媒体查询：

.main_header {
  display: block;
}

@media (max-width: 760px) {
  .main_header {
    display: none;
  } 
}

Answer 3

语法错误

 testi = testi.css("display" == "none");

正确的语法

 testi = testi.css("display","none");

或

testi.hide();

Answer 4

你可能不需要jquery ......

document.querySelector('#div').style.display = 'block' // 'none'

Answer 5

jQuery('.menu_toggler').click(function () {
    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.attr("style")=="display:block") {
            testi = testi.attr("style","display:none;");
        }
        else{
            return false;
        }
    }
});

Answer 6

更正语法：

jQuery('.menu_toggler').click(function () {

    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.css("display") === "block") {
            testi = testi.css("display","none");
        }
        else{
            return false;
        }
    }
});

Jquery将属性值添加到css

6 个答案: