Metro UI评级静态不起作用

Question

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

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

这是使用的

.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>

有人能告诉我如何解决它！

Answer 1

我找到了一些黑客解决方案，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;
    }