jQuery的：第n個孩子選擇在IE7

沒有工作，所以我有申報單的網格，並不都是平等的高度，我需要他們所有正確排隊。我已經使用了第n個子jQuery選擇器（請參見下文）選擇每行的第一個div並應用明確的：兩種樣式。這在ie8中起作用，以及鉻和safari，但是在ie7中，它只是忽略了第n個子位，因此不適用我的css。jQuery的：第n個孩子選擇在IE7

我用jQuery的過CSS3，以便它在IE7中工作 - 所以我略低由這不是事實難倒..

看到自己的HTML在http://jackbeck.co.uk/?portfolio=courses

jQuery代碼在標題：

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('.project.small:nth-child(4n+1)').css("clear", "both"); 
    }); 
</script>'

任何人能幫助我們嗎？

來源

2012-01-02 Sam Stephenson

如果所有的縮略圖只是要排隊一個後對方，爲什麼你需要明確的：兩者兼而有之？浮子：左邊和容器的寬度不會爲你處理嗎？ – leopic 2012-01-02 13:11:55

你不需要任何Javascript來解決這個問題。 – Stefan 2012-01-02 13:54:07

如果您使用Jquery很舒服，那麼這裏就是解決方案。 http://stackoverflow.com/a/8194206/175111 – bluwater2001 2012-11-15 19:40:07

不幸的是IE7 doesn't support的nth-child選擇。

來源

2012-01-02 13:06:32

雖然'nth-child'選擇器不適用於CSS，它應該適用於jQuery。 – 2012-01-02 13:27:47

YES; IE8 &以下不支持nth-child僞選擇器。但是如果你想IE support比你不得不使用http://selectivizr.com/ js這個。

來源

2012-01-02 13:11:15 sandeep

你的jQuery不工作，因爲你使用$而不是jQuery（這是一個WordPress的東西）。試試這個：

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     jQuery('.project.small:nth-child(4n+1)').css("clear", "both"); 
    }); 
</script>

jQuery選擇器本身的確在IE7中工作。這不是你的問題。你的問題更多與CSS有關。

來源

2012-01-02 13:57:41

好的，謝謝你的快速回復:)我按照你的建議做了改變，但仍然沒有喜悅 - 會不會有其他問題？ – 2012-01-02 15:03:25

就像我說的，jQuery不是問題。最簡單的解決方案是將每4個項目包裝到'

'中。廢棄jQuery /清除內容。這應該工作。 – 2012-01-02 17:31:45

是的，這將是理想的:)但有可能做到這一點時，每個項目是由wordpress生成的？ – 2012-01-03 17:08:05

jQuery的：第n個孩子選擇在IE7

回答

相關問題