Jquery 当输入类为额定值时,工具提示不显示
当Jquery 当输入类为额定值时,工具提示不显示,jquery,twitter-bootstrap-3,rating,twitter-bootstrap-tooltip,Jquery,Twitter Bootstrap 3,Rating,Twitter Bootstrap Tooltip,当 当 我的密码在这里 <input type="hidden" class="rating"/> <script> $('.rating').rating({ extendSymbol: function (rate) { $(this).tooltip({ container: 'body', placement: 'bottom', title: 'Ra
当
我的密码在这里
<input type="hidden" class="rating"/>
<script>
$('.rating').rating({
extendSymbol: function (rate) {
$(this).tooltip({
container: 'body',
placement: 'bottom',
title: 'Rate ' + rate
});
}
});
</script>
<input type="hidden" class="rating1"/>
<script>
$('.rating1').rating({
extendSymbol: function (rate) {
$(this).tooltip({
container: 'body',
placement: 'bottom',
title: 'Rate ' + rate
});
}
});
</script>
<style>
.symbol {
display: inline-block;
border-radius: 50%;
border: 5px double white;
width: 30px;
height: 30px;
}
</style>
$(“.rating”).rating({
扩展符号:函数(速率){
$(此)。工具提示({
容器:'主体',
位置:'底部',
标题:“费率”+费率
});
}
});
美元(“.评级1”).评级({
扩展符号:函数(速率){
$(此)。工具提示({
容器:'主体',
位置:'底部',
标题:“费率”+费率
});
}
});
.符号{
显示:内联块;
边界半径:50%;
边框:5px双白色;
宽度:30px;
高度:30px;
}
问题在于,您使用的插件(真的,真的很愚蠢)会自动将自己分配给任何元素,该元素的类为.rating
,没有指定任何参数-请参见此处代码的最后4行:
要解决此问题,只需为输入提供不同的类,使其使用您提供的设置,而不是默认的无参数初始化。试试这个:
<input type="hidden" class="star-rating" /> <!-- note the changed class -->
还要注意,您可以使用一个带有单个jQuery选择器的公共类来初始化所有元素上的插件。请参见小提琴以了解示例
我还将联系插件作者,让他们删除自动将插件分配给任何具有.rating
类的插件的代码行-在一个供公众使用的插件中这样做真的很愚蠢。你能展示一个演示吗?当然,因为我们在bootstrap-rating.js中有评级功能,所以这可能是冲突,这就是为什么像OP所说的那样为等级1
工作