在jquery中使用css

Question

我正在使用以下代碼。第一個if條件正在工作，但第二個if不是。我不知道爲什麼？同樣的CSS也應該應用於第二個if。誰能告訴我爲什麼這是？

<script type="text/javascript"> 
    if (location.pathname.indexOf("girl-clothing") != -1) { 
     $(".RetailPriceValue").css("cssText", "margin: -203px 0 0 0 !important;"); 
    } 

    if (location.pathname.indexOf("http://www.xyz.com/girl-clothing/?sort=featured&page=2")!= -1) { 
     $(".RetailPriceValue").css("cssText", "margin:-220px 0 0 0 !important;"); 
    } 
</script> 

Answer 1

我會想象的第一個樣式變化是由巧合工作。你實際添加的是：

<div style="cssText: margin: -203px 0 0 0 !important;"></div> 

這裏的問題很明顯。試試這個：

if (location.pathname.indexOf("girl-clothing") != -1) { 
    $(".RetailPriceValue").css("margin", "-203px 0 0 0 !important;"); 
} 

if (location.pathname.indexOf("http://www.xyz.com/girl-clothing/?sort=featured&page=2")!= -1) { 
    $(".RetailPriceValue").css("margin", "-220px 0 0 0 !important;"); 
} 

Answer 2

使用類似

$(".RetailPriceValue").css("margin","-220px 0 0 0 !important"); 

所以會轉而

if (location.pathname.indexOf("girl-clothing") != -1) { 
    $(".RetailPriceValue").css("margin","-203px 0 0 0 !important"); 
} 

if (location.pathname.indexOf("http://www.xyz.com/girl-clothing/?sort=featured&page=2")!= -1) { 
    $(".RetailPriceValue").css("margin","-220px 0 0 0 !important"); 
} 

Answer 3

如果您location.href是http://www.xyz.com/girl-clothing/?sort=featured&page=2

的location.pathname將是 「/女孩衣服/」，這樣的indexOf函數永遠不會找到字符串的 「http：//」

https://developer.mozilla.org/en-US/docs/DOM/window.location