jQuery/Javascript插件最佳实践

我不太熟悉jQuery/Javascript的使用，所以我不知道什么是最好的方法来完成我的要求，它可以工作，但我不知道它的效率有多高

基本上我有一个插件来创建工具提示。它可以从“title”属性中获取您希望提示显示的内容的信息，也可以使用脚本中的一个选项包含HTML，如下所示：

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

$（函数（）{
$（“.someClass”）.tipTip（{content:工具提示中所需的内容“；}）
});

我想在我的页面上生成很多不同的工具提示，但它们都适合类似的样式，并且只需要一个可变变量（它们是一个成就进度条，所以我只需要为%progress传递一个值）

那么，简单地使用大量脚本标记并复制上面的代码可以吗？或者我可以通过某种方式将一个变量传递给它，并且只保留顶部的一段工具提示代码吗

---

或者这是一个适合Tippip开发人员的问题？提前感谢。

假设HTML5可以在这个场景中使用，我建议使用来存储特定于元素的工具提示。。。然后用它来填充tiptip插件

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

$（函数（）{
$（'.toolTipClass'）。每个（函数（）{
var元素=$（此）；
元素tipTip({
内容：“”+元素数据（“工具提示”）+“”
});
});

现在只需添加HTML5属性，如下所示

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

Div内容

假设HTML5可以在这个场景中使用，我建议使用来存储特定于元素的工具提示…然后使用它来填充tiptip插件

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

$（函数（）{
$（'.toolTipClass'）。每个（函数（）{
var元素=$（此）；
元素tipTip({
内容：“”+元素数据（“工具提示”）+“”
});
});

现在只需添加HTML5属性，如下所示

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

Div内容

使用

.data

而不是

.attr

-.-更简单的是，element.data（'toolTip'）将与jQuery 1.6+一起使用。data（）也将获取任何数据属性。啊，可能是因为您忘记关闭其中一个函数，提示现在出现了，但我得到了“null”，尽管它有很强的效果。嗯，将它改回attr(“数据工具提示”）修复了它。使用.data有什么问题吗？或者它意味着略有不同吗？有趣的是，如果

attr（）

有效，我只想使用它，

。当您需要严格键入数据时，需要使用
。data（）
，因为您只需要输入一个字符串，
attr（）
很好。使用
.data
而不是
.attr
-。-更简单的是，element.data（'toolTip'）将与jQuery 1.6+一起使用。data（）也将获取任何数据属性。啊，可能是因为您忘记关闭其中一个函数，提示现在出现了，但我得到了“null”“虽然它有很强的效果。嗯，将它改回attr（“数据工具提示”）修复了它。使用.data有什么问题吗？或者它意味着略有不同吗？有趣的是，如果
attr（）
有效，我就这么说，
.data（）当您需要严格键入数据时，需要使用
，因为您只需要一个字符串，
attr（）
就可以了。