的jQuery/JavaScript的插件最佳实践

我不是特别熟悉，使用jQuery/JavaScript的，所以我不知道什么是最好的办法，我问什么，它的工作原理，但我不知道它是多么高效。的jQuery/JavaScript的插件最佳实践

基本上我有一个名为TipTip创建工具提示插件。它要么采取信息从你想要的尖端上出现，或者您可以使用一个选项在脚本中包括HTML，像这样什么是“title”属性：

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

我要产生大量的不同我的网页上的工具提示，但他们都适合一个类似的风格，真的只需要一个可变的变量（他们是一个成就进度栏，所以我只需要通过一个单一的值为％进展）。

因此，它是正常的简单有很多脚本标记的和重复上面的代码或我可以通过一个变量到它在某种程度上只保留了一条提示代码顶部？

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

来源

2011-07-18 Crimsonfox

可以使用html 5吗？ – jondavidjohn

假设HTML5是确定在这种情况下使用，我会用html data attributes来存储你的元素特定的提示...，然后用它来填充tiptip插件reccommend ...

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

来源

2011-07-18 17:05:19 jondavidjohn

使用'.data'而不是'.attr'- – Raynos

更简单，element.data（'toolTip'）可以使用jQuery 1.6+。 data（）也会获取任何数据属性。 – ajm

真棒不知道的jQuery符合这么好听的新规范... – jondavidjohn

的jQuery/JavaScript的插件最佳实践

回答

相关问题