在IE 8中单击两次后,Kendo UI窗口打开

时间:2012-12-28 15:26:30

标签: jquery kendo-ui

我有一个我试图打开的kendoUI窗口,代码在Firefox中工作正常但是为了在IE8中打开它我需要单击按钮两次。我不能为我的生活找出原因。

以下是按钮的代码(HTML):

<div id="CCA_UserAdministration_NewUserRequest">
    Content of the Window
</div>
<div id="CCA_UserAdministration_UserRequestBtn" onclick="javascript:CCA.UserAdministration.OpenUserRequestWindow();" class="k-button">New User Request</div>

(JS):

CCA.UserAdministration.OpenUserRequestWindow = function () {

        CCA.UserAdministration.UserRequestWin = $("#CCA_UserAdministration_NewUserRequest").kendoWindow({
            height: "200px",
            title: "New User Request Form",
            visible: false,

            width: "500px"
        }).data("kendoWindow");
        $('#CCA_UserAdministration_NewUserRequest').show();
     CCA.UserAdministration.UserRequestWin.center().open();     
};

我之前在JS文件中定义了一个名称空间:

var CCA = CCA || {};
CCA.UserAdministration = CCA.UserAdministration || {};

修改

我还应该提到,在初次首次点击时,此图像隐藏在IE8中。不知道为什么。

<img src="/_layouts/images/fgimg.png" alt="" style="left:-0px !important;top:-128px !important;position:absolute;">

另外,如果我将modal = true,它将不允许我在黑屏出现时第二次点击。

2 个答案:

答案 0 :(得分:0)

我会尝试替换CCA_UserAdministration_UserRequestBtn DIV并使其成为锚点:

<a id="CCA_UserAdministration_UserRequestBtn" href="javascript:CCA.UserAdministration.OpenUserRequestWindow();" class="k-button">New User Request</a>

IE可能会遇到以下语法的困难:  onclick="javascript:CCA.UserAdministration.OpenUserRequestWindow();",通常您在javascript:处理程序中没有onclick部分,因此您可能还想将其设为onclick="CCA.UserAdministration.OpenUserRequestWindow()"。但是,在使用href属性时,您需要javascript:部分。

答案 1 :(得分:0)

该问题与jquery版本jQuery 1.8。+相关。您可以使用jQuery 1.7。#或通过使用动画禁用窗口动画来解决此问题:false。

CCA.UserAdministration.OpenUserRequestWindow = function () {

    CCA.UserAdministration.UserRequestWin = $("#CCA_UserAdministration_NewUserRequest").kendoWindow({
        height: "200px",
        title: "New User Request Form",
        visible: false,
        animation: false,
        width: "500px"
    }).data("kendoWindow");
    $('#CCA_UserAdministration_NewUserRequest').show();
 CCA.UserAdministration.UserRequestWin.center().open();   };