如何在加载之前修改jQuery Mobile页面?

时间:2014-03-17 13:29:19

标签: jquery jquery-mobile

我在jQuery Mobile 1.4.0中有一个单页面应用程序,有4页。一开始我想要默认禁用一些chckbox。

这有效:

$("#page3 .ui-checkbox").prop("disabled", true);
    $("#page3 .ui-checkbox").addClass("ui-disabled");   

HTML

<div data-role="page" class="page3" id="page3" data-dom-cache="true">

文件就绪()不工作......文件在&#34; pagecreate&#34;有效,但导航到page2时将应用对page3的更改....

更新 我试过这个...似乎工作。这好/坏吗?

$(function()
{
    $(document).on("pagecreate", "#page3", function(e){
         $("#page3 .ui-checkbox").prop("disabled", true);
         $("#page3 .ui-checkbox").addClass("ui-disabled");
    });

1 个答案:

答案 0 :(得分:4)

要禁用/启用复选框或无线电,请使用.checkboxradio()功能。您无需添加ui-state-disabled

$(document).on("pagecreate", "#pageID", function () {
  $(".selector").checkboxradio("disable");
  $(".selector").checkboxradio("enable");
});
  

<强> Demo