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

Question

以下fiddle可以正常运行，但是当我在网站上尝试相同的代码时，根本没有边框，它是透明的，并且到处都是。

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

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

$("#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.将jquery-ui.js文件导入您的页面。
  2.import jquery-ui.css文件。
  3.检查您的代码驻留在$(document).ready(function(){});
  4.如果它们都不起作用，请打开浏览器控制台，记下下面的错误和注释。