Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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
Javascript Jquery更改类上的所有边框_Javascript_Jquery_Css - Fatal编程技术网

Javascript Jquery更改类上的所有边框

Javascript Jquery更改类上的所有边框,javascript,jquery,css,Javascript,Jquery,Css,为什么不是$(“demo”).css(“border”,“1px solid”FFF)工作?函数的其他每个部分都在工作,但不是那个部分。“demo”类是“page1.html”中的常规类 var按钮=0; var-activecolor=0; 功能按钮(a){ 按钮=a; var color1=“#46B29D”; var color2=“#F0CA4D”; var color3=“#E37B40”; 如果(按钮===1){ activecolor=color1; document.getEl

为什么不是
$(“demo”).css(“border”,“1px solid”FFF)工作?函数的其他每个部分都在工作,但不是那个部分。“demo”类是“page1.html”中的常规类


var按钮=0;
var-activecolor=0;
功能按钮(a){
按钮=a;
var color1=“#46B29D”;
var color2=“#F0CA4D”;
var color3=“#E37B40”;
如果(按钮===1){
activecolor=color1;
document.getElementById(“button1”).className=“activemenubutton”;
document.getElementById(“button2”).className=“menubutton”;
document.getElementById(“按钮3”).className=“菜单按钮”;
}否则如果(按钮===2){
activecolor=color2;
document.getElementById(“button1”).className=“menubutton”;
document.getElementById(“button2”).className=“activemenubutton”;
document.getElementById(“按钮3”).className=“菜单按钮”;
}否则如果(按钮===3){
activecolor=color3;
document.getElementById(“button1”).className=“menubutton”;
document.getElementById(“button2”).className=“menubutton”;
document.getElementById(“button3”).className=“activemenubutton”;
}
document.getElementById(“textholder”).style.borderTop=“1px solid”+activecolor;
document.getElementById(“textholder”).style.borderBottom=“1px solid”+activecolor;
document.getElementById(“textholder”).style.color=activecolor;
$(“#textholder”).load(“Page”+a+”.html”);
$(“demo”).css(“边框”、“1px实心”FFF);
}//函数结束

你错过了句号<代码>$(“.demo”).css(“边框”、“1px实心”FFF)

您错过了句号<代码>$(“.demo”).css(“边框”、“1px实心”FFF)

点击所有标签,以防它们存在,我肯定不会。你失踪了

$(".demo") or $("#demo") 
使用类或id“demo”命中元素

最重要的是,load()是一个异步函数,因此css()调用通常会在加载页面之前启动,因此不会修改元素样式。您应该这样替换load()和css()调用:

$("#placeholder").load("Page" + a + ".html" , function(){
   $(".demo").css('border' , '1px solid #FFF');
})

因此,您强制css分配等待内容从服务器加载

点击所有标签,以防它们存在,我肯定不会。你失踪了

$(".demo") or $("#demo") 
使用类或id“demo”命中元素

最重要的是,load()是一个异步函数,因此css()调用通常会在加载页面之前启动,因此不会修改元素样式。您应该这样替换load()和css()调用:

$("#placeholder").load("Page" + a + ".html" , function(){
   $(".demo").css('border' , '1px solid #FFF');
})


因此,您强制css分配等待内容从服务器加载。

demo是一个类吗?如果是这样,您需要使用
$(“.demo”)
指定它。我刚刚发现,脚本被其他内容覆盖了。我可以看到它在变成另一种颜色之前几秒钟就变成了白色。原因是什么?它在这一页的末尾!“演示”是一门课吗?如果是这样,您需要使用
$(“.demo”)
指定它。我刚刚发现,脚本被其他内容覆盖了。我可以看到它在变成另一种颜色之前几秒钟就变成了白色。原因是什么?它在这一页的末尾!我没有收到错误,但是边框不会变白。我没有收到错误,但是边框不会变白。这有什么区别吗?我使用的是加载函数,而.demo在page1.html(我的索引中包含了它)中。这在很大程度上取决于您是加载html服务器端还是通过友好方式加载它。如果在.css()调用之后以友好方式加载它,它将无法工作。好的,我没有看到您所说的load()函数是jQuery函数。我将更新我的答案以提供一个可能的解决方案。如果我想添加更多的类进行更改,这也很简单吗?是的,只需将css更改添加到load()中的回调函数中。我使用的load函数与.demo在page1.html中(我的索引中包含了它)有什么不同吗这在很大程度上取决于您是在加载html服务器端,还是在手动加载。如果在.css()调用之后以友好方式加载它,它将无法工作。好的,我没有看到您所说的load()函数是jQuery函数。我将更新我的答案以提供可能的解决方案。如果我想添加更多要更改的类,这也很容易吗?是的,只需将css更改添加到load()中的回调函数中