Metro UI 评级静态不起作用答案

【问题标题】：Metro UI rating static is not workingMetro UI 评级静态不起作用
【发布时间】：2015-05-20 10:27:37
【问题描述】：

我在我的网络应用程序中使用Metro UI rating widget 显示用户评分。当我使用data-static = 'true' 时，它不应该允许用户根据文档添加新评级。但这不是静态数据不起作用。

我注意到评级 css 有 :not 静态属性选择器，我怀疑浏览器不支持。

这是使用的 CSS 评级小部件。

.rating:not(.static):hover > .star, .rating:not(.static):hover > .star:after { color: gold !important;}
.rating:not(.static) .star:hover ~ .star, .rating:not(.static) .star:hover ~ .star:after { color: gray !important;}
.rating:not(.static) .star:hover {color: gold !important;}

HTML

<div class="rating" id="rating" data-static="true"></div>

谁能告诉我怎么解决！

【问题讨论】：

标签： jquery css microsoft-metro

【解决方案1】：

我找到了一些 hack 解决方案，Metro UI 评分小部件提供 data-on-rate 回调事件选项，使用此回调我们可以禁用选项添加新评分。

<div class="rating" id="rating" data-static="true" data-on-rate="onStaticRate"></div>
    function onStaticRate(value, star, widget){
        return false;
    }

【讨论】：