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

これを使ってホームページ以外のページをチェックしてみてください

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

{{

それは欠点です。split（url）関数を使用して「/」でこれを分割することをお勧めします。配列を返します。次に、uはその配列の要素の数を確認できます。これを使用すると、uはこれを使用できると思います。

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

//これで、この配列の数が3より大きい場合、ホームページでは確認できなくなります。

于 2012-08-17T07:40:50.647 に答える
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;
}

これが機能するのは、ボディにクラス「ホーム」がないページでは最初のセレクターのみが div に一致するためですが、ボディにクラス「ホーム」があるページでは両方のセレクターが div に一致するためです。最初のものは 2 番目のものによって上書きされます。

于 2012-08-17T06:48:17.450 に答える
0

ありがとうございます。私は解決策を得ました。

phpで管理しています。PHP で現在の URL を取得し、その特定のクラスに CSS を適用すると、完全に機能します。

于 2012-08-17T11:07:31.230 に答える