Javascript JQuery工具提示效果不起作用

我正在使用jquery-1.7.2.min.js和jquery-ui.min.js，并希望实现一个工具提示。它是开箱即用的，但后来我计划自定义一些默认效果，但它们似乎不起作用

代码如下：

 $(function () {
    var temp = $("#tooltipname").attr('title');
    $("#tooltipname").tooltip({
        content: temp,
        position: "top",
        opacity: 0.1,
        effect: 'fade',
        predelay: 3000,
        fadeInSpeed: 3000,
    });
})

奇怪的是，content属性工作得很好，正如您所看到的，我给它赋值为temp变量。temp的值是从HTML span标记的标题值读取的。然而，其他属性根本不起作用

---

在得到你们的帮助后，我对我的代码做了一些修改，并决定分享我在JSFIDLE中编写的代码。我将演示如何在整个页面上不仅实现一个工具提示，而且实现由#tooltipname指定的所有工具提示。此外，代码还显示了如何断开行（多行工具提示），这一点很容易实现

以下是HTML代码：

<br />
<br />
<br />
<span title="my tooltip1 <br> new line" id="tooltipname">Hover me</span>

<span title="my tooltip2 <br> new line" id="tooltipname">Hover me2</span>

希望对其他JQuery新手有所帮助

---

对于那些想使用此代码的人来说->

它正按预期工作。您的

p

占据了页面的100%宽度，工具提示位于页面的顶部和中心。您需要将“#tooltipname”设置为“内联块”或类似的内容

根据需要，您需要将

my

和

设置为

值

---

用这个做小提琴怎么样？给你，谢谢你的小提琴代码，但它是一样的。我可以看到工具提示，但无法修改其行为。只需将predelay或fadeInSpeed时间更改为一些较大的值。它们不起作用。将位置更改为“底部”也不起作用。。。。至少在我的情况下。看看我的答案：我可以看到以下内容：。时间变化不起作用。虽然时间设置仍然不起作用，但至少在定位方面，现在好多了。有什么想法吗？如果你想添加更多属性，你需要查看文档。我不知道什么是

predelay

效果，但我添加了fadeIn选项和你的速度值：太棒了！我阅读了其他人的文档和示例代码，显然忽略了一些东西。你的小提琴例子就是我要找的。再次感谢。竖起大拇指！

$(document).ready(function () {
    var temp = $("#tooltipname").attr('title');
    $(this).tooltip({
        content: function () {
            return $(this).attr("title");
        },
        position: {
            at: "center bottom",
            my: "center top"
        },
        opacity: 0.1,
        show: {
            effect: 'fadeIn',
            duration: 500,
            delay: 500
        },
    });
});