0

我对使用 jQuery/Javascript 不是特别熟悉,所以我不知道做我所要求的最好的方法是什么,它有效,但我不知道它的效率如何。

基本上我有一个名为TipTip的插件来创建工具提示。它要么从您希望提示出现的内容的“标题”属性中获取信息,要么您可以使用脚本中的选项来包含 HTML,如下所示:

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

我想在我的页面上生成许多不同的工具提示,但它们都具有相似的样式,并且实际上只需要一个可变变量(它们是一个成就进度条,所以我只需要为 % 进度传递一个值)。

那么简单地有很多脚本标签并复制上面的代码是否可以,或者我可以以某种方式将变量传递给它并且只将一段工具提示代码保留在顶部?

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

4

1 回答 1

4

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

$(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-18T17:05:19.900 回答