1

我想更改当前 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>");
}
4

4 回答 4

1

尝试这样的事情：

$(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);
});
于 2012-08-17T06:41:09.567 回答
0

如果您为主页的 body 元素提供类或 id，您应该能够在没有 JS 的情况下在样式表中执行此操作：

<body class="home">

接着：

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

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

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

于 2012-08-17T06:48:17.450 回答
0

我认为您尝试使用此检查主页以外的页面

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

{

那是错误，最好使用 split(url) 函数将其拆分为“/”，它将返回一个数组。然后你可以检查该数组的元素数量，使用我认为你可以使用它

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

// 现在你可以检查这个数组的计数，如果它大于 3，它就不是主页

于 2012-08-17T07:40:50.647 回答
0

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

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

于 2012-08-17T11:07:31.230 回答