jQuery / Javascript插件最佳实践

时间:2011-07-18 16:56:08

标签: javascript jquery tooltip tiptip

我对使用jQuery / Javascript并不是特别熟悉所以我不知道什么是我要问的最佳方法,它有效,但我不知道它有多高效。

基本上我有一个名为TipTip的插件来创建工具提示。它要么从你想要提示的“title”属性中获取信息,要么你可以在脚本中使用一个选项来包含HTML,如下所示:

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

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

如果只是拥有大量的脚本标签并复制上面的代码,或者我可以以某种方式将变量传递给它并且只将顶部的一个工具提示代码保留在顶部,这样就可以了吗?

或者这是一个适合TipTip开发者的问题吗?提前谢谢。

1 个答案:

答案 0 :(得分:4)

假设在这种情况下可以使用HTML5,我建议使用html data attributes来存储元素特定的工具提示......然后用它来填充tiptip插件......

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