jquery對話框不工作

Question

我有一個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' 

Answer 1

這裏是你應該做的：

// 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"); 
});