如何在 jQuery mobile 中禁用和启用选择答案

【问题标题】：how to disable and enable select in jQuery mobile如何在 jQuery mobile 中禁用和启用选择
【发布时间】：2012-12-07 18:54:06
【问题描述】：

我正在使用 jQuery 为 iOS 开发网络应用程序。我在一页中有一个选择。根据要求，我必须禁用它。

      <select name="select-choice-a" id="selectCardType" data-native-menu="false">
           <option value="select">Select Card Type</option>
           <option value="A">American Express</option>
           <option value="M">Master Card</option>
           <option value="V">Visa</option>
      </select>

我有2个场景'用户可以直接进入页面或通过url方案形成另一个应用程序'

我用过

$('#selectCardType').selectmenu('disable');
或

'$('#selectCardType').attr('disabled', 'disabled'); `

但这两种情况都不适合我。

【问题讨论】：

标签： jquery-ui ios5 jquery-selectors

【解决方案1】：

与here 非常相似。我有同样的问题，正在尝试使用：

$("selectId").selectmenu("disable");

直到我在 ID 前面添加一个 # 后它才会起作用，即

$("#selectId").selectmenu("disable");

现在可以了。

【讨论】：

【解决方案2】：

感谢您的帮助。我得到了解决方案。

创建一个全局变量var onceVisitedCardpage = false;

如果您访问过该页面，则将此变量设为 true

然后在进入该页面之前检查该变量的状态

    if(onceVisitedCardpage)
        $('#selectCardType').selectmenu('disable');
    else
        $('#selectCardType').attr("disabled", "disabled");

通过这种方式，我设法处理了这两种情况。

【讨论】：

【解决方案3】：

如果我禁用一个简单的选择...它在任何浏览器（包括 iOS）中都被禁用

演示：http://jsbin.com/unezod/2/

$("#selectCardType").prop("disabled", true);

上面的链接是这样显示的：

【讨论】：

谢谢！！如果您在页面加载时禁用它，它就可以工作。如果，一旦您进入该页面（其中包含选择），然后在某些情况下您尝试禁用它，那么那时就没有发生。