Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery JQ函数只工作两次_Jquery_Function - Fatal编程技术网

Jquery JQ函数只工作两次

Jquery JQ函数只工作两次,jquery,function,Jquery,Function,这是一个功能,当按下按钮时打开一个侧栏。该函数实际上在第一次和第二次都可以正常工作,但在这之后,它只需打开和关闭侧栏,而不需要实际填充左侧或右侧 有人能理解什么是错的?谢谢 第一次单击时,您将更改左填充,第二次单击时更改右填充。听起来您想在第二次单击时再次更改左填充 你在做什么(注意黄色突出显示,这样我们可以看到#div上的填充): var检查=false; $(“#侧边栏”)。单击(函数(){ $(“#包装器”).toggleClass(“playsidebar”); 如果(检查==fals

这是一个功能,当按下按钮时打开一个侧栏。该函数实际上在第一次和第二次都可以正常工作,但在这之后,它只需打开和关闭侧栏,而不需要实际填充左侧或右侧


有人能理解什么是错的?谢谢

第一次单击时,您将更改
左填充
,第二次单击时更改
右填充
。听起来您想在第二次单击时再次更改左填充

你在做什么(注意黄色突出显示,这样我们可以看到
#div
上的填充):

var检查=false;
$(“#侧边栏”)。单击(函数(){
$(“#包装器”).toggleClass(“playsidebar”);
如果(检查==false){
$(“#div”).css({“padding left”:“30px”});
检查=正确;
}否则{
$(“#div”).css({“padding right”:“30px”});
检查=错误;
}
});

边栏
div
包装纸
试试这个:

check = false;

$("#sidebar").click(function() {
    $("#wrapper").toggleClass("playsidebar");
    if (check == false) {
        $("#div").css({ "padding-left": "300px" });
        check = true;
    } else {
        $("#div").css({ "padding-right": "300px" });
        check = false;
    }
});

您从未删除设置的
左填充
右填充
,这是什么意思@罗里姆克罗桑。当我用左300px填充,然后用右300px填充时,它是对的,然后返回到normal@Roy:不,
padding left
padding right
是完全不同的事情。那么我应该做什么来代替padding right来取消padding left呢@T.J.CrowderThanks,我看到了它和它的作品。我可以在4分钟内点击“接受答案”按钮,我会去做的@T.J.CrowderCode转储通常不是有用的答案。解释你改变了什么,以及为什么。(但我相当肯定OP根本不希望
正确填充
。)
check = false;

$("#sidebar").click(function() {
    $("#wrapper").toggleClass("playsidebar");
    if (check == false) {
        $("#div").css({ "padding-left": "300px", "padding-right": "0" });
        check = true;
    } else {
        $("#div").css({ "padding-right": "300px", "padding-left": "0"  });
        check = false;
    }
});