javascript - 模态窗口第二次打开Javascript停止

标签 javascript jquery asp.net-mvc-3 jquery-ui kendo-ui

我正在使用 kendo Ui 和 jbox,我可以多次打开 kendo ui 窗口,它运行完美。我在 Kendo ui 窗口上集成了 jbox 模式窗口。如果我在 kendo ui 窗口上打开 jbox 模式窗口,它工作得太完美了。如果我不关闭 kendo ui 窗口,我可以多次打开 jbox 模式窗口,它运行良好。如果我重新打开 kendo 窗口,我可以打开 jbox 模式,但在 jbox 中 javascript 内容无法正常工作。我认为这是关于 Jquery 但我无法解决。 Jquery 1.9.1版本

这是我的代码,

我的索引;

var ICCANPopUp;
$(document).on("click", ".k-overlay", function () {
    ICCANPopUp.close();
});

$("#LoadFormDiv").kendoWindow({
    width: "750px",
    height: "90%",
    draggable: false,
    resizable: false,
    modal: true,
    title: "",
    visible: false,
    open: function(e) {
        this.wrapper.css({ top: 25 });
        $("html, body").css("overflow", "hidden");
    },
    close: function (e) {
        $("html, body").css("overflow", "");
    }

});
$('#LoadFormDiv').closest(".k-window").css({
    position: 'fixed',
    margin: 'auto',
    top: '20%'
});

var ICCANPOPUPLOCATIONBEFOREOPEN;
function ICCANPopUpShow() {
    ICCANPopUp = $("#LoadFormDiv").data("kendoWindow");
    ICCANPopUp.content('<div style="margin-left:40%; margin-top:20%; ">Yükleniyor...<br/><img src="/Content/images/iccan-loader.gif" width="54" height="55" alt="iMarket Ürün Yükleniyor..." /></div>');
    ICCANPopUp.title("");
    ICCANPopUp.refresh({
        url: "/IccanApi/GetProductByID",
        data: { ID: 3012 }
    });

    ICCANPOPUPLOCATIONBEFOREOPEN = $(window).scrollTop();
    window.scrollTo(0,0);
    ICCANPopUp.center().open();
}

$("#LoadFormDiv").data("kendoWindow")
.bind("close", function (e) {
    $("html, body").animate({ scrollTop: ICCANPOPUPLOCATIONBEFOREOPEN });

});

kendo ui 窗口脚本的

$('#FavouriteWrp').jBox('Modal', {
  width: 602,
  height: 495,
  closeButton: true,
  ajax: {
    url: '/Account/Login',
    data: '',
    reload: true
   },
   onClose: function () { ResetAllLoginStuff(); }
});

Jbox 模态窗口内容脚本,(如果我关闭并重新打开 kendo 窗口,之后如果我打开 jbox 模态窗口,则此代码不起作用)

$("form").submit(function (e) {
        $(".ICCAN-Register-processing").css({ "display": "block" });
        var emailForRegister = $("#UserName").val();
        var passwordForRegister = $("#Password").val();
        var passwordValidateForRegister = $("#PasswordValidate").val();
        var smsForRegister = $('#Sms').prop('checked');
        var mailingForRegister = $('#Mailing').prop('checked');
        var agreementForRegister = $('#agreement').prop('checked');

        $.ajax({
            url: '/Account/Register',
            data: JSON.stringify({
                UserName: emailForRegister,
                Password: passwordForRegister,
                PasswordValidate: passwordValidateForRegister,
                Sms: smsForRegister,
                Mailing: mailingForRegister,
                agreement: agreementForRegister
            }),
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            success: function (response) {
                if (response.isSuccess) {

                    alert("Kayıt Başarılı");
                    $(".ICCAN-Register-processing").css({ "display": "none" });
                    window.location.replace("/");

                }
                if (!response.isSuccess) {
                    $(".ICCAN-Register-processing").css({ "display": "none" });
                    $("#UserName").css({ "border": "1px solid red" });
                    $("#ResultText").show();
                }
            }
        });
        e.preventDefault();
        e.unbind();
    });
    $("#ResultText").hide();

有人可以帮我吗,非常感谢

最佳答案

当我刷新页面时,我看到冲突的 jquery 版本,我是否使用最新版本的 jquery,问题就消失了。

关于javascript - 模态窗口第二次打开Javascript停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26573573/

相关文章:

javascript - 为什么即使在 $destroy 被触发后作用域也没有被销毁?

vb.net - ASP.NET MVC3 Razor @string 点问题

asp.net-mvc - 从 MVC 中的 Controller 确定局部 View 的模型

javascript - meteor 未捕获引用错误 : variable is not defined

javascript - DataTables 不显示 JSON 数据

jquery - 如何从插件扩展 jQuery.css

asp.net-mvc-3 - ASP.NET MVC 3 使用 DI 和存储库与 EF 实现工作单元

javascript - VB.NET TCP 客户端与 NODE-RED TCP 监听器进行双向通信

javascript - .load() [从第二页] 函数工作,但不从第二页加载 jquery

javascript - jQuery $(this).position().top 在 Chrome 中不起作用