Javascript JQuery UI工具提示-工具提示的位置错误（在页面左侧，而不是在按钮周围）_Javascript_Jquery_Jquery Ui_Tooltip_Jquery Ui Tooltip

Javascript JQuery UI工具提示-工具提示的位置错误（在页面左侧，而不是在按钮周围）

javascript jquery jquery-ui

Javascript JQuery UI工具提示-工具提示的位置错误（在页面左侧，而不是在按钮周围）,javascript,jquery,jquery-ui,tooltip,jquery-ui-tooltip,Javascript,Jquery,Jquery Ui,Tooltip,Jquery Ui Tooltip,我有一段代码： <!DOCTYPE html> <HTML> <HEAD> <TITLE>My first HTML document</TITLE> <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript

我有一段代码：

<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE>My first HTML document</TITLE>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link rel="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<script>

    $(document).ready(function(){
        $(".has-tooltip").each(function(){
            $(this).tooltip({content: "test", items: "button"});
        });
    });

</script>
</HEAD>
<BODY>
    <BUTTON class="has-tooltip" style="margin-left: 100px;">First</BUTTON>
    <BUTTON class="has-tooltip" style="margin-left: 200px;">Second</BUTTON>

</BODY>
</HTML>


我的第一个HTML文档
$（文档）.ready（函数（）{
$（“.has tooltip”）。每个（函数（）{
工具提示（{content:“test”，items:“button”}）；
});
});
第一
第二

工具提示完全有问题-它应该与jQuery UI中的样式一起出现，但它没有出现，而且位置也不正确-它出现在屏幕左侧，即使对于边距较大的按钮也是如此（正如我所说，没有任何样式，它看起来像纯文本），即使将、、track“属性设置为、、true”，它也不会完全跟随光标，但仍然出现在页面的左侧，当我移动光标时会移动一点。我认为这是一个非常简单的例子（代码是我工作中出现的简化问题），我看不出我做错了什么。如果有人帮助我，我会很高兴的——提前谢谢你

请注意，这与我在浏览器中的行为完全相同：


我的第一个HTML文档
$（文档）.ready（函数（）{
$（“.has tooltip”）。每个（函数（）{
工具提示（{content:“test”，items:“button”}）；
});
});
第一
第二

您没有正确链接到css文件

替换：

与：

您没有正确链接到css文件

替换：

与：

…或者您根本没有链接它！：或者你根本没有链接它！：D