forms - Jquery 项目渲染不正确

Question

我正在使用来自 google 的 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。