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()中的回调函数中