javascript - jquery 弹出窗口在 jsFiddle 中工作，但在我的网站上不起作用

Question

我找到了this jsFiddle带有一个弹出框，我正在尝试在我的网站上实现。

HTML:

<div id="dialog">
    <p>Tell me a story</p>
    <textarea id="name"></textarea>
</div>
<input type="button" id="open" value="Open Dialog" />

Javascript:

$("#dialog").dialog({
    autoOpen: false,
    buttons: { 
        Ok: function() {
            $(this).dialog("close");
       },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

$("#open").click(function () {
    $("#dialog").dialog("open");
});

虽然它可以在 jsfiddle 上运行，但在我的网站上，div 出现在页面内部而不是弹出窗口(就像我没有 Jquery-UI 一样)。

我的网站有 Jquery-2.0.2 和 jQuery-ui-1.0.3，根据 jsfiddle，它应该可以工作。

有什么我可能会错过的提示吗？

Answer 1

尝试在你的 head 标签中添加这个脚本和 css

<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>                       
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

它将链接 jQuery js 文件、jQuery UI API js 文件和 jQuery UI CSS 文件。

可以引用demo here和文档 here