jQuery对话框不起作用

用户3681970

我有一个jsp页面。单击提交审阅后,将出现一个对话框。这是我所有的代码片段。JSP代码:

<td align="left">
        <span>
        <div id="rate" class="rate" style="" title="Rate">Submit Review</div>
        </span>
        <div id="rateDialog" class="rateDialog" style="display:none;" title="Rating">
        <div id="showDialogMessage"></div>
        <label>Rate your overall satisfaction:</label>
         <input type="radio" name="rating" value="1" class="star"/>
        <input type="radio" name="rating" value="2" class="star"/>
        <input type="radio" name="rating" value="3" class="star"/>
        <input type="radio" name="rating" value="4" class="star"/>
        <input type="radio" name="rating" value="5" class="star"/>
        <label>Please provide your review: </label>
        <textarea name="reviewArea" rows="5"></textarea>
        <input id="submit" type="submit" value="Submit" style="margin : 18px 0px 0px 93px;"/>

        </div>

        </td>

JS代码:

<script>
 $(document).ready(function() {
 $(function() {
 $("#rateDialog").dialog({
 autoOpen: false,
 open: function( event, ui ) {
     $("#showDialogMessage").hide();
     $('#reviewArea').val('');
     }
 });
 $("#rate").on("click", function() {
 $("#rateDialog").dialog("open");
 });
 });
 // Validating Form Fields.....
 $("#submit").click(function(e) {
 $("#showDialogMessage").hide();
  var xmlhttp;
     $("#submit").prop('disabled',true);
     alert("called");
        var url="";
        if (window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {

            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                $("#submit").removeAttr('disabled');
                document.getElementById("showPasswordMessage").innerHTML=xmlhttp.responseText;
                $("#showPasswordMessage").show();
            }
        }

        xmlhttp.open("GET", url, true);
        xmlhttp.send();
 });
});

单击提交评论后,它显示此错误。我是初学者。任何帮助将不胜感激

Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
Akram Fares

这是您应该做的:

 // Instanciate the dialog
 var rateDialog = $("#rateDialog").dialog({
 autoOpen: false,
 open: function( event, ui ) {
     $("#showDialogMessage").hide();
     $('#reviewArea').val('');
     }
 });

 $("#rate").on("click", function() {
     // Display the dialog
     rateDialog.dialog("open");
 });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery自定义UI对话框不起作用

来自分类Dev

打开文件对话框不起作用

来自分类Dev

为什么我的对话框不起作用?

来自分类Dev

客户端验证在jQuery UI对话框中不起作用

来自分类Dev

Primefaces对话框关闭按钮不起作用

来自分类Dev

带单选按钮的对话框不起作用onClick()

来自分类Dev

jQuery UI Selectmenu在对话框中不起作用

来自分类Dev

AngularJS材质对话框不起作用

来自分类Dev

md对话框不起作用

来自分类Dev

Android对话框wrap_content不起作用

来自分类Dev

Kubuntu 15.04“文件打开”对话框不起作用

来自分类Dev

Flutter General对话框-设置状态不起作用

来自分类Dev

导航到jQuery Mobile对话框不起作用

来自分类Dev

我使用jQuery对话框后按钮不起作用

来自分类Dev

对话框的div按钮单击对话框中的jquery for循环不起作用

来自分类Dev

jQuery UI对话框的“关闭”按钮不起作用

来自分类Dev

对话框不起作用

来自分类Dev

对话框jQuery不起作用

来自分类Dev

单击按钮时,jQuery ui对话框不起作用

来自分类Dev

jQuery打开弹出对话框不起作用

来自分类Dev

jQuery Mobile对话框页面不起作用

来自分类Dev

按Enter键时jQuery对话框不起作用

来自分类Dev

对话框消息不起作用

来自分类Dev

分页时启用MVC4 Ajax的WebGrid Jquery对话框不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

md对话框不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

模态对话框不起作用

来自分类Dev

jquery 对话框位置不起作用