jQueryMobile按钮()vs HTML <button>初始化

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事件触发时执行.您当前的代码正在调用button('disable')DOM中尚不存在的元素 - 因此出错.试试这个:

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