错误:TypeError:$(...)。dialog不是函数

时间:2011-11-11 06:16:44

标签: javascript jquery jquery-ui dialog

我正在尝试使用jquery加载一个对话框。但问题是当我点击一个链接打开对话框时它没有打开。我得到一个错误为“$(”#dv“) .dialog不是一个功能“ 这是我的代码

<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>jquery-ui-1.8.11.custom/css/redmond/jquery-ui-1.8.11.custom.css"/>
<script type="text/javascript" src="<?php echo base_url();?>jquery-ui-1.8.11.custom/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>jquery-ui-1.8.11.custom/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript">
    function adminl(){
        $("#uname").val("");
        $("#uemail").val("");
        $("#uphone").val("");
        $("#umessage").val("");
        $('#contact_form_errorloc').html("");
        $('#dv').dialog({
            modal:true,
            title:"Contact Us",
            width:390,
            height:570,
            });
    }

<div id="dv" style="display:none">

<style>
label,a, body 
{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px; 
}
.err
{
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 12px;
    color: red;
}
</style>    


<div id='contact_form_errorloc' class="err"></div>
<form  name="contact_form" id="contact_form" > 




<p>
<label for='name'>Name: </label><br>
<input type="text" name="uname" id="uname" size=43 />
</p>
<p>
<label for='email'>Email: </label><br>
<input type="text" name="uemail" id="uemail" size=43 />
</p>
<p>
<label for='phone'>Phone Number: </label><br>
<input type="text" name="uphone" id="uphone" size=43 />
</p>
<p>
<label for='message'>Comments/Questions:</label> <br>
<textarea name="umessage" id="umessage" rows=8 cols=40></textarea>
</p>
<p style="width:2px; margin-top:10px;">
<?php
          require_once('recaptchalib.php');
          $publickey = "6Lf948kSAAAAADGf542VNVyURY_WtsyAk7LbUvtD"; // you got this from the signup page
          echo recaptcha_get_html($publickey);
?>
</p>
<input type="button" class="submit_ad_button" style="border:0; margin-bottom:10px;margin-left: 0; float:left;" value="Send" onClick="form_submit()"/>
</form>
</div>
<a onclick="adminl(event)">contact us</a> 

2 个答案:

答案 0 :(得分:1)

我认为您必须调用 .dialog(“open”)才能使其可见。

http://docs.jquery.com/UI/Dialog

答案 1 :(得分:0)

对话框脚本是否实际位于您要加载的自定义jQuery UI脚本中?如果您传递给dialog()的属性中存在错误,那么我不希望看到您的错误“('#')。对话框不是函数”。