1

这是一个工作小提琴的链接，这是它不起作用的实时页面。

单击“单击”后，它应该检查域是否有值，如果没有，它会将 div 装扮成错误框。“点击”将变成一个按钮，并且会有一个输入文本框，但由于没有域，结果应该只是打开对话框。在小提琴中工作但不是实时代码：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />

<div onclick="check_domain_input()">Click</div>

<div id="dialog" title="Attention!" style="display:none">
    Please enter a domain name to search for.
</div>

<script>
    function check_domain_input()
    {        
        $( "#dialog" ).dialog(); // Shows the new alert box.

        var domain_val = document.getElementsByName('domain');

        if (domain_val[0].value.length > 0)
        {
            return true;
        }

        $( "#dialog" ).dialog();

        return false;
    }
</script>
4

1 回答 1

4

默认情况下，jQuery 不附带 jQueryUI。包括它。

http://www.jqueryui.com

编辑：下面的评论暗示混乱。

在您的 jsFiddle 中，在左侧面板上的 jQuery 库选择下方，您勾选了“jquery ui”。这是另一个 javascript 库，是 jQuery 的扩展。您可以在上面的链接下载它。

它有默认的 UI 皮肤，这是您已经包含的 CSS 文件。

您还需要在 jQuery 之后/之后包含 jQueryUI 脚本。

编辑：只需在之后添加这一行<script src="js/jquery.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

于 2012-07-18T03:54:09.473 回答