2014-01-05 21 views
1

以下功能麻煩的是對的jsfiddle鏈接:http://jsfiddle.net/ekimm2/LcLAA/jQuery的的.css()與Unicode字符

當我嘗試顏色在點擊unicode的明星之一,沒有任何反應。我相信它的東西微不足道,但我似乎無法修復它。有什麼想法嗎?我把javascript放在下面,但爲了簡單起見,我放在jsfiddle中。

$(document).ready(function() { 
    $('.stars').click(function()  
    { 
     $(this).css('color', 'ffd700') 
    }); 
}); 

編輯:我們對此深感抱歉,我不得不做出一個帳戶,應該現在固定

+1

您鏈接到一個空白小提琴。 – Musa

+1

您的JSFiddle爲空。 –

+0

對不起,我用正確的jsfiddle – user1835351

回答

0

您的javascript和小提琴有幾個問題。請參閱this fiddle這是您修復問題的更新。問題是:

  1. 使用prevall導致錯誤的星星被着色。
  2. 不着色當前明星。
  3. 不包括jquery下拉小提琴。
  4. 使用document.ready和load下拉菜單。
  5. 由小提琴窗口中Result標籤覆蓋的星星導致懸停並單擊無法工作。

我已經改變加margin-top:10%;和使用nextAll並設置當前元素的顏色。

1

使用哈希(#)顏色,並添加一個分號(;)。

$(this).css('color', '#ffd700'); 

fiddle

+0

@Bigood我同意,但我遇到了JavaScript的情況下,沒有它導致了錯誤:) –

+0

我加了那些,但它仍然沒有改變顏色 – user1835351

0

使用散列確實的工作,因爲阿什利提到它。

如果你在你的小提琴中包含jQuery,並刪除你的$(document).ready(),它幾乎沒有作用(我的意思是,顏色正在改變,但不是你想要的方式)。

我認爲實際的問題不在於顏色,而是因爲您的元素正確地浮動而誤用了prevAll()See this fiddle

注意:您可能要麼重新考慮您的問題,要麼修改編輯,所以如果您願意,我們可以幫助您將問題留在問題範圍內。無論如何,我會將其轉到評論。