我有一个我试图打开的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,它将不允许我在黑屏出现时第二次点击。
答案 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(); };