javascript - Jquery 对话框模式问题

Question

我受困于这个 jquery 对话框。我已经搜索并检查了我的代码，但它并没有告诉我这里出了什么问题。我有一个按钮，单击该按钮将显示教练姓名列表。我想要的是当用户单击对话框的名称以打开并显示一些数据时，基本上只是我拥有的另一个隐藏的 div。但我的问题是，当单击名称时，确实会出现对话框，但模态无法正常工作，并且没有样式，基本上只是在其他框的顶部打开该框。

我正在使用谷歌托管的图书馆 继承人的代码:

HTML

<div class="coaches">
    <h3>Head Coaches </h3> 
    <br />
    <p class="coach">Example Coach Text</p>
</div>

<br />

<div class="displayInfo">
    Example Text
</div>

脚本

$(".coaches").click(function () {

    $(".displayInfo").dialog({
        autoOpen: false,
        height: 450,
        width: 450,
        title: "Example Text",
        modal: true,
        // overlay: { backgroundColor: "#000000", opacity: 0.5 }
    });

    $(".displayInfo").dialog('open');

});

Answer 1

既然你说它确实出现了，我怀疑你忘记包含 jQuery UI 附带的 CSS 文件。请确保您包含了 CSS 文件。至于 Javascript 问题，请删除最后的 , - 它会在 Internet Explorer 中造成严重破坏