Question

我一直在使用css课程＆＃39; ui-disabled＆＃39;禁用jquery mobile中的输入，它曾经在所有主流浏览器中运行良好，但随着IE11的发布，注意到包括锚点按钮在内的所有输入（文本除外）都是可点击/可更改的，即使是在类＆u; ui-disabled＆＃39。

我在Windows 7上使用jquery mobile的1.3.2但显然问题也出现在Windows 8机器上。

解决此问题的任何想法或解决方法？

HTML：

<a href="#" id="btn" data-role="button" data-theme="b">Button</a>

<a href="#" id="clickMe" data-role="button">Click Me</a>

使用Javascript：

$('#clickMe').on("click", function(){
  if (!($('#btn').hasClass('ui-disabled'))){
    $('#btn').addClass('ui-disabled');
  }
})

$('#btn').on("click", function(){
 alert("Button was clicked");
})

在这里演示：http://jsfiddle.net/Debarupa/6jczxe7m/3/

了解＆＃34;按钮＆＃34;即使它看起来已禁用，也可以点击。

Answer 1

我相信ui-disabled使用CSS指针 - events：none在IE中不受支持。作为解决方法，您可以修改您的点击处理程序：

$('#btn').on("click", function(){
    if ($(this).hasClass('ui-disabled')) return false;
    alert("Button was clicked");
})

IE11不服从jquery mobile的ui-disabled类

1 个答案: