jquery - Jquery UI 确认对话框在小提琴中完美显示，但不在网站上

Question

下面的小提琴工作正常，但是当我在我的网站上尝试相同的代码时，根本没有边框，它是透明的并且到处都是。

我试图禁用所有 css 和从 firebug 继承的 css，但它看起来仍然一样。

也许它不是现有的 css，而是需要为对话框定义一些 css，也许 fiddle 会自动包含它，但不太确定......

$("#click").click(function (event) {

        $("#dialog-confirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Yes go ahead": function () {

                    $(this).dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

    });

Answer 1

1.import jquery-ui.js 文件到你的页面。
2.import jquery-ui.css 文件。
3.检查您的代码驻留在$(document).ready(function(){});
4.如果它们都不起作用，请打开浏览器控制台，记下错误并在下面评论..