Question

我的对话框没有显示，你能帮帮我吗？

Html：

<li><a href="#" id="chopen">Character</a></li>
<div id="character" title="Character">
    <p>you charcter here</p>
</div>

和js：

$(function () {
    $("#character").dialog({
        autoOpen: false,
        modal: true,
        show: "blind",
        hide: "blind"
    });
    $("#chopen").click(function () {
        $("#character").dialog("open");
        return false;
    });
});

ofc all in document.ready

Answer 1

你是否已经安装了插件jquery UI？

如果还没有，你必须安装插件jquery UI版本，因为jquery对话框依赖于jquery UI库。如下：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

并且还可以从jQueryUI

下载此库

Dialog jquery不起作用

1 个答案: