2013-07-12 26 views
1

是否有任何選項可以在移動網站上實現星級評分(基於html,css和js)?在移動網站上創建星級評分

HTML如下

<div class="rating"> 
<span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span> 
</div> 

和CSS作爲

.rating > span:hover:before { 
content: "\2605"; 
position: absolute; 
} 

星圖像不顯示在我的手機瀏覽器了。有沒有其他的方式來做到這一點,而不使用任何jQuery插件?

在這裏,我只給了懸停functinality,我也需要根據他們的評級檢查星星。

+2

觸摸屏怎麼會有':hover'?從一個用戶體驗的角度來考慮一下...... – naththedeveloper

+3

@FDL從用戶體驗的角度來看,你是正確的,但在ios atleast應用懸停時,它充當'第一次點擊'事件,然後當懸停狀態處於活動狀態時,第二次點擊會觸發點擊 – rorypicko

+0

「我的手機瀏覽器中沒有顯示星圖。」 - 什麼顯示? –

回答

1

我在我的網絡應用程序中使用此庫作爲星級評分系統。

http://wbotelhos.com/raty

它只需要jQuery的,而且是很容易使用。