如何使用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滑塊更改背景？

回答

相關問題