如何使用jQuery滑块更改背景？

我正在使用jquery滑块，我有一个布局和一个中心div的内容..我需要改变布局的颜色，而我在不同的页面上滑动。这是我在做什么使用asp.net mvc3。如何使用jQuery滑块更改背景？

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语句不工作。任何帮助将被蒙蔽。

来源

2012-10-25 Talal Urf Qari

您刚才创建的

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

所以x.id的值总是的对象。这样你的，如果条件总是返回真正

尝试简单的JavaScript

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

变量颜色具有价值。如果您的当前背景是红的颜色= 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-25 10:41:33 Nevin

对不起didnt得到它 –

应该改变背景，然后再滑动过程中改变它... IST是黄色然后灰色...... –

** x.id **的值始终相同。即x.id = 2。这就是为什么如果条件总是满足。 – Nevin

这应该工作：

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-25 12:15:36 user1774034

如何使用jQuery滑块更改背景？

回答

相关问题