Question

我有一个基本的HTML页面，它使用jQuery Mobile来处理一些按钮属性，但当我尝试调用$('#theButton').button('disable');时，我遇到了一个错误，指出该按钮未初始化（在初始化之前无法调用按钮方法）。这是包含按钮的html页面主体：

<script>
    $(window).load($("#theButton").button('disable'));
</script>

<div data-role="content">
    <ul data-role="listview">
        <li>
             <button id="theButton">Click me!</button>
        </li>
    <ul>
</div>

我可以将<button>与jQuery Mobile的.button();功能结合使用吗？如果是这样，我如何初始化<button>？

Answer 1

您需要为load()事件提供一个匿名函数，以便在load事件触发时执行。您当前的代码在DOM中尚不存在的元素上调用button('disable') - 因此出错。试试这个：

$(window).load(function() {
    $("#theButton").button('disable')
});

Answer 2

如果您只是想在加载时禁用该按钮，则以下代码可能有所帮助：

$(window).load($("#theButton").attr('disabled','true'));

jQueryMobile按钮（）vs HTML <button>初始化

2 个答案: