Dialog重新加载Partial - JQuery不起作用(MVC 3)

时间:2013-04-04 16:34:33

标签: c# asp.net-mvc json asp.net-mvc-3 jquery

当我打开对话框时,所有内容都正常工作但是当我关闭对话框并尝试再次打开时,我遇到了JQuery的问题(​​动画,隐藏等)可能部分视图一直在工作当再次显示对话框时,并不意味着部分视图也是新的。怎么解决?

这不起作用

<script type="text/javascript">
    $('#bladReje').hide();
    $('#bladRejeText').hide();
    $('#poprawnieReje').hide();
    $('#poprawnieRejeText').hide();
</script> 

部分

 data.View

AJAX

$.ajax({
            url: '@Url.Action("Reje", "Log")',
            dataType: "json",
            type: "POST",
            async: false,
            error: function () {
            },
            success: function (data) {
                if (data.Success) {

                    var el1 = $('<div><strong style="color: black">' + data.View + '</strong></div>');
                    $(el1).dialog(
                        {
                            modal: true,
                            title: '<div></div>',
                            minWidth: 340,
                            minHeight: 300,
                            buttons: {
                                'close': function () {
                                    $(this).dialog("destroy");
                                }
                            }
                        });
                }

            }
            });    
    });

这是我的部分视图

的示例
<div id="bladReje" style="padding: 0px; width: 100%; margin: 0 auto; padding: 0 auto; text-align: left; 
font-family: arial; visibility:hidden;">
    <div id="bladRejeText" style="font-size: 16px; visibility:hidden;">
    </div>
</div>
@Html.TextBoxFor(m => m.Example, new { style = "width:220px" })
<input type="button" class="button" value="Zapisz" onclick="SaveRejestracja();" style="float: right; margin-right: 30px;"/>

<script type="text/javascript">
    $('#bladReje').hide();
    $('#bladRejeText').hide();
</script>

<script type="text/javascript">

    function SaveRejestracja() {
        var Example = $('#Example').val();

        $.ajax({
            url: '@Url.Action("Example", "ControllerExample")',
            dataType: "json",
            data: {
                Nick: Example
            },
            type: "POST",
            traditional: true,
            async: false,
            error: function () {
            },
            success: function (data) {
                if (data.Success) {
                    $('#bladReje').hide();
                    $('#bladReje').css({ visibility: "hidden" });
                    $('#bladRejeText').hide();
                    $('#bladRejeText').css({ visibility: "hidden" });
                }
                if (!data.Success) {
                    $('#bladReje').hide();
                    $('#bladReje').css({ visibility: "visible" });
                    $('#bladRejeText').hide();
                    $('#bladRejeText').css({ visibility: "visible" });
                }
            }
        });
    }

</script>

这项工作只是第一次

<script type="text/javascript">
    $('#bladReje').hide();
    $('#bladRejeText').hide();
</script>

0 个答案:

没有答案