Question

<input type="hidden" class="rating"/>

时未显示工具提示

<input type="hidden" class="rating1"/>

时会显示工具提示

我的代码在这里

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

Answer 1

问题是因为你使用的插件（真的，非常愚蠢）会自动将自己分配给任何没有指定参数的.rating类的元素 - 请参阅此处代码的最后4行：{{3 }}

要解决您的问题，您只需要为input提供一个不同的类，以便它使用您提供的设置，而不是默认的无参数初始化。试试这个：

<input type="hidden" class="star-rating" /> <!-- note the changed class -->

$('.star-rating').rating({
    extendSymbol: function(rate) {
        $(this).tooltip({
            container: 'body',
            placement: 'bottom',
            title: 'Rate ' + rate
        });
    }
});

http://dreyescat.github.io/bootstrap-rating/bootstrap-rating.js

另请注意，您可以使用具有单个jQuery选择器的公共类来初始化所有元素上的插件。请参阅小提琴以获取示例。

我还会联系插件作者并让他们删除代码行，这些代码会自动将插件分配给.rating类的任何内容 - 在插件供公众使用时，这是一件非常愚蠢的事情。 / p>

输入等级评级时未显示工具提示

1 个答案: