1

これは動作中の fiddleへのリンクです。動作しないライブ ページは次のとおりです。

「クリック」をクリックすると、ドメインに値があるかどうかがチェックされ、そうでない場合は 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

編集: 以下のコメントは混乱を意味します。

左側のパネルの jQuery ライブラリの選択の下にある jsFiddle で、「jquery ui」にチェックを入れました。これは、jQuery を拡張した別の JavaScript ライブラリです。上記のリンクでダウンロードできます。

既にインクルードした CSS ファイルであるデフォルトの UI スキニングがあります。

また、jQueryUI スクリプトを BELOW / AFTER jQuery に含める必要があります。

編集：この行を後に追加するだけです<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 に答える