我是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;
}
}
});
提前致谢。
答案 0 :(得分:2)
要制作div节目,您可以使用:
$('#name-of-div').show();
或者,如果你想隐藏一个div,那么......鼓声......
$('#name-of-div').hide();
然后如果你只想在show / hide之间切换..
$('#name-of-div').toggle();
答案 1 :(得分:2)
隐藏元素的语法不是很正确,您需要将规则和值作为单独的参数提供:
testi.css("display", "none");
// or testi.hide()
话虽如此,我强烈建议您不要使用JS,而是使用CSS媒体查询:
.main_header {
display: block;
}
@media (max-width: 760px) {
.main_header {
display: none;
}
}
答案 2 :(得分:1)
语法错误
testi = testi.css("display" == "none");
正确的语法
testi = testi.css("display","none");
或
testi.hide();
答案 3 :(得分:0)
你可能不需要jquery ......
document.querySelector('#div').style.display = 'block' // 'none'
答案 4 :(得分:0)
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;
}
}
});
答案 5 :(得分:0)
更正语法:
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;
}
}
});