0

私は jquery スライダーを使用しています。コンテンツ用に単一のレイアウトと中央の div があります。別のページをスライドしているときに、レイアウトの色を変更する必要があります。これは私がasp.net mvc3を使ってやっていることです。

HTML:

<div id="iPhone_Product">
        <div class="slides_containeriphone" >
            @if (Model == null)
            {
                <div class="animateriphone" id="1">
                    @Html.Partial("_iPhone_Main")
                </div>
                    <div class="animateriphone" id="2">
                    @Html.Partial("Salah")
                </div>
                    <div class="animateriphone" id="3">
                    @Html.Partial("_Tasbeeh")
                </div>
            }
            else
            { 
                foreach (string s in Model)
                {
                    <div class="animateriphone">
                        @Html.Partial(s);
                    </div>
                }
            }

        </div>
    </div>

JavaScript:

function color_change() {

        var x = document.getElementById('2');

        if (x.id == '2') {
            $(".st_tabs_container").css({ "background-color": "#ffe21f" })
        }
        else
        {
            $(".st_tabs_container").css({ "background-color": "#c8c7c7" })
        }
    }

背景を #ffe21f に変更しますが、else ステートメントは機能しません。どんな助けでも感謝されます。

4

2 に答える 2

0

これは機能するはずです： 

idArray = ['1', '2', '3'];

        for (var item = 0; item < idArray.length; item++) 
        {

            var x = document.getElementById(idArray[item]);
        }

        if
                (x.id == '2') {
            $(".st_tabs_container").css({ "background-color": "#ffe21f" })
        }
        else
        {
            $(".st_tabs_container").css({ "background-color": "#c8c7c7" })
        }
于 2012-10-25T12:15:36.897 に答える
0

のオブジェクトを作成するだけです

var x = document.getElementById('2');

したがって、x.idの値は常に2です。あなたのif条件が常にtrueを返すように

シンプルな JavaScript を試す

       var color = document.getElementById('some').style.backgroundColor;

変数colorには値があります。現在の背景が赤の場合、色 = rgb(255, 0, 0)"; 次に、色変数をチェックして背景を変更します

例えば：

if(color == "rgb(255, 0, 0)")
  {
      document.getElementById('some').style.backgroundColor = "#FFFF00";
  }
  else 
  {
      document.getElementById('some').style.backgroundColor = "#FF0000";
  }
于 2012-10-25T10:41:33.290 に答える