JQuery不刪除背景圖像如果.active類

Question

我遇到了麻煩，jquery不刪除背景圖像。

我使用Zurb's Foundation framework深聯和在這個表格的一些代碼（我已經斬了相當多的HTML）：

<div id="contentWrap"> 
    <section id="one" class="mixed"> 
    <a href="#">One</a> 
    <div class="content"></div> 
    </section> 
    <section id="two" class="mixed active"> 
    <a href="#">One</a> 
    <div class="content"></div> 
    </section> 
</div> 

我使用CSS設置#contentWrap與背景圖像，但我只希望圖像顯示何時第一個鏈接處於活動狀態。

我使用此jQuery代碼：

// Add background image if #one clicked 
$('#one a').click(function(){ 
    $("#contentWrap").css("background-image","url('xx.jpg')"); 
}); 

// Remove background image if #two clicked 
$('#two a').click(function(){ 
    $("#contentWrap").css("background-image","none"); 
}); 

// Remove background image if #two has class of .active 
if ($("#two").hasClass("active")) { 
    $("#contentWrap").css("background-image","none") 
}; 

如果頁面被加載與所述第二標籤經由深聯（即xx.com/#two）活性，背景圖像仍然加載。

我曾經有這個工作，但自此之後，代碼在（wordpress）網站上加載的方式進行了幾次更新，現在使用jQuery(document).ready(function($)來包裝所有其他JS（正在工作）。

任何幫助非常感謝。

Answer 1

如果我有你的權利，當two股利是活躍的，只有當背景應該被刪除？

// Remove background image if #two clicked 
$('#two a').click(function(){ 
    // Remove background image if #two has class of .active 
    if ($("#two").hasClass("active")) { 
     $("#contentWrap").css("background-image","none") 
    }; 
}); 

工作的jsfiddle：（改background-image至background） http://jsfiddle.net/Vvg5F/4/