jQuery/Javascript插件最佳实践

Question

我不是特别熟悉使用jQuery/Javascript，所以我不知道什么是最好的方法来做我所要求的，它工作，但我不知道它是多么有效。

基本上我有一个名为TipTip的插件来创建工具提示。它要么从"title"属性中获取您希望提示显示的内容的信息，要么在脚本中使用一个选项来包含HTML，如下所示:

<script type="text/javascript">
$(function(){
$(".someClass").tipTip({content:"<strong>What you want in the tooltip</strong>"; })             
});
</script>

我想在我的页面上生成很多不同的工具提示，但它们都适合类似的风格，真的只需要一个可变的变量(它们是一个成就进度条，所以我只需要传递一个%进度的单一值)。

所以它是正确的，只是有很多脚本标签和复制上面的代码，或者我可以传递一个变量到它的某种方式，只保留一块工具提示代码在顶部?

或者这是一个适合TipTip开发者的问题?

Answer 1

假设HTML5可以在这种情况下使用，我建议使用html数据属性来存储元素特定的工具提示…然后用它来填充tip插件…

$(function(){
    $('.toolTipClass').each(function() {
        var element = $(this);
        element.tipTip({
            content: "<strong>"+element.data("toolTip")+"</strong>"
    });
});

现在添加HTML5属性如下

<div class="toolTipClass" data-toolTip="This is the tool Tip">Div Content</div>