Jquery项目渲染不正确

Question

我正在使用谷歌的jqueryui api，但我正在使用的项目渲染不正确。这是我的参考：

<script
    type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script
    type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script>

我只是复制粘贴模态表格对话的代码，在这里找到：http://jqueryui.com/demos/dialog/#modal-form

我的日期选择代码是：

$(document).ready( function() {
    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "MM d, yy"
    }
    );
});

但是，这些项目没有任何明显的背景，如屏幕截图所示。我一直在拼命想弄清楚原因。谢谢。

Answer 1

您使用的是jQuery主题CSS吗？ jQueryUI演示页面是。它位于：http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css

Answer 2

您需要引用jquery UI CSS文件，您可以从jquery UI网站获取它们作为主题。 您还应该查看this和this。