JQuery Dialog不起作用

Question

我尝试使用JQuery Dialog 3个小时。 我的代码是这样的，它非常简单：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#finestra').dialog();
    });
</script>

<div>

    <p>
        JQuery Dialog Test
    </p>

    <div id="finestra" title="Test">
        <div>content</div>
    </div>

JQuery有效：如果我写的是例如$（'＃finestra'）。css（'color'，'blue'）;这很有效。

问题是什么？ ：（

Answer 1

您尚未加载jQuery UI库。您只需添加相关库及其CSS文件即可。

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#finestra').dialog();
});

＆＃13;

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<div>
  <p>
    JQuery Dialog Test
  </p>
  <div id="finestra" title="Test">
    <div>content</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;