Jquery 更改当前URL上的css_Jquery_Css

Jquery 更改当前URL上的css

jquery css

Jquery 更改当前URL上的css,jquery,css,Jquery,Css,我想更改当前URL上的div样式如果我在我的主页上 div.layout-column.column-main.with-column-1.with-column-2{ width:790; } 如果我在除了我的主页之外的其他页面上，那么我希望我的课是这样的 div.layout-column.column-main.with-column-1.with-column-2{ width:590; } 我试过了，但没有得到正确的输出 if (window.location.href == '

我想更改当前URL上的div样式

如果我在我的主页上

div.layout-column.column-main.with-column-1.with-column-2{
width:790;
}

如果我在除了我的主页之外的其他页面上，那么我希望我的课是这样的

div.layout-column.column-main.with-column-1.with-column-2{
width:590;
}

我试过了，但没有得到正确的输出

if (window.location.href == 'http://easyapuestas.com/')
{
  // alert("hiiii");
document.write("<style>" +
"div.layout-column.column-main.with-column-1.with-column-2{" +
" width: 790px;" +
"}" +
"</style>");
}
if (window.location.href !== 'http://easyapuestas.com')
{
// alert(window.location.href);
   document.write("<style>" +
 "div.layout-column.column-main.with-column-1.with-column-2{" +
 " width: 590px;" +
 "}" +
 "</style>");
}

if（window.location.href=='http://easyapuestas.com/')
{
//警报（“hiiii”）；
文件。写（“”）+
“div.layout-column.column main.with-column-1.with-column-2{”+
“宽度：790px；”+
"}" +
"");
}
如果（window.location.href！='http://easyapuestas.com')
{
//警报（window.location.href）；
文件。写（“”）+
“div.layout-column.column main.with-column-1.with-column-2{”+
“宽度：590px；”+
"}" +
"");
}

尝试以下方法：

$(document).ready(function() { 
   var width = window.location.href == 'http://easyapuestas.com/' ? '790px' : '590px';
   $('div.layout-column.column-main.with-column-1.with-column-2').css('width', width);
});

试着这样做：

$(document).ready(function() { 
   var width = window.location.href == 'http://easyapuestas.com/' ? '790px' : '590px';
   $('div.layout-column.column-main.with-column-1.with-column-2').css('width', width);
});

如果您为主页的body元素提供类或id，那么您应该能够在样式表中完成，而无需JS：

<body class="home">

这是因为在正文没有类“home”的页面上，只有第一个选择器匹配您的div，但在正文有类“home”的页面上，两个选择器都匹配您的div在这种情况下，第一个元素被第二个元素覆盖。

如果您为主页的body元素提供了一个类或id，那么您应该能够在样式表中完成它，而无需JS：

<body class="home">

这是因为在正文没有类“home”的页面上，只有第一个选择器与您的div匹配，但在正文有类“home”的页面上，两个选择器都与您的div匹配，在这种情况下，第一个选择器被第二个选择器覆盖。

我想您可以使用此选项检查除主页之外的页面

if (window.location.href == 'http://easyapuestas.com/')

{

这就是错误，最好使用split（url）函数通过“/”进行拆分，它将返回一个数组。然后你可以检查该数组的元素数，我认为你可以使用该数组

var url=window.location.href == 'http://easyapuestas.com/';
var split_arr=url.split("/");

//现在你可以检查这个数组的计数，如果它大于3，它将不会显示在主页上

我想你可以用这个来检查除主页之外的其他页面

if (window.location.href == 'http://easyapuestas.com/')

{

这就是错误，最好使用split（url）函数通过“/”进行拆分，它将返回一个数组。然后你可以检查该数组的元素数，我认为你可以使用该数组

var url=window.location.href == 'http://easyapuestas.com/';
var split_arr=url.split("/");

//现在你可以检查这个数组的计数，如果它大于3，它将不会出现在主页上。多亏了大家。我得到了我的解决方案

我用php管理它。我用php获取当前的URL，然后将CSS应用到特定的类，它工作得非常好。

多亏了大家。我得到了我的解决方案

我用php管理它。我用php获取当前的URL，然后将CSS应用到特定的类，它工作得很好。

实际上，你想调整的div的类名是什么？你知道吗，你不能使用点作为名称的一部分吗？目前在我的CMS的CSS文件中，他们给出了这段代码。

div.layout-column.column-ma在.with-column-1.with-column-2

中，作为590。因此，我想将同一个类更改为主页上的790，选择器会查找包含所有这些单独类的div，因此，假设div实际上包含所有这些类就可以了。实际上，您试图调整大小的div的类名是什么？您是否意识到这样一个事实，即不能使用点作为名称的一部分吗？目前在我的CMS的css文件中，他们给出了此代码。

div.layout-column.column main.with-column-1.with-column-2

as 590。因此，对于我的主页，我想将同一个类更改为790，选择器会找到包含所有这些单独类的div，因此，假设div实际上包含所有的t，这很好hose类。哦，对了，好的。如果可以的话，我仍然建议将这些类放在公共样式表中，但是使用jQuery做

If（window.location.href=='http://easyapuestas.com/“）{$（“body”）.addClass（“home”）；}

。哦，好的。如果可以的话，我仍然建议将类放在公共样式表中，但是使用jQuery执行

If（window.location.href=='http://easyapuestas.com/“）{$（“body”）.addClass（“home”）；}

。