jquery对话框不工作

我有一个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>

---

以下是您应该做的：

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

---

非常感谢：）成功了。！谢谢，先生！这个问题解决了。但我还停留在另一个问题上。我有一张桌子。对话框仅针对第一个单元格出现。如果我单击第二行上的submit review，对话框将不会出现：（您正在为每行使用

id=“rate”

，您必须使用一个类并相应地更改代码。不要忘记将答案设置为已解决。

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

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