在母版页中调用jquery对话框

Question

我使用MVCHaack.ajax通过javascript调用控制器函数。在调用函数之前，我显示了一个jquery对话框。当我在我的视图中使用它时，一切都很完美，但在我打电话的母版页中，对话框显示为一个文本块而不是一个对话框。这是我的主页代码：

            <script src="/json/RequestVIP?json"></script>
<script src="@Url.Content("~/Scripts/RequestVIP.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('#vipdel').click(function () {
            $("#messagec").replaceWith("<span id=messagec>آیا از حذف عضویت ویژه مطمئن هستید؟</span>");
            $("#dialog-confirm").dialog({
                buttons: {
                    "بلی": function () {
                        $mvc.RequestVIP.Delete({ customerId: $("#hdnId").val() }).success(function (data) {
                            $("#messagec").replaceWith("<span id=messagec>" + data.message + "</span>");
                            $("#dialog-confirm").dialog({
                                buttons: {

                                    "تایید": function () {
                                        $(this).dialog("close");
                                    }
                                }
                            });

                            $("#dialog-confirm").dialog("open");
                        });
                    },
                    "خیر": function () {
                        $(this).dialog("close");
                    }
                }
            });

            $("#dialog-confirm").dialog("open");

            // alert(data.message);

        });
    });
</script>






 <div class="section">
                                <h2 class="title">• عضویت ویژه</h2>
                                            @Html.Hidden("hdnId", @User.Identity.Name.Trim())
                                <button style="width:150px;vertical-align:middle" id="vipreq"><img src="@Url.Content("~/images/join.png")"/>درخواست عضویت ویژه</button><br/>
                                <button style="width:150px;vertical-align:middle" id="vipdel"><img src="@Url.Content("~/images/deljoin.png")"/>حذف عضویت ویژه</button><br/>
                                <button style="width:150px;vertical-align:middle" id="viprev"><img src="@Url.Content("~/images/rejoin.png")"/>تمدید عضویت ویژه</button><br/>
                            </div>


   <div id="dialog-confirm" title="عضویت ویژه">
        <p>
            <span class="ui-icon ui-icon-alert" style="font-family: Tahoma; float: right; margin: 0 7px 20px 0;">
            </span><span id="messagec"></span>
        </p>
    </div>