jQuery Mobile - 无法使用常见的 jquery 方法隐藏按钮答案

【问题标题】：jQuery Mobile - Cannot hide a button using common jquery methodsjQuery Mobile - 无法使用常见的 jquery 方法隐藏按钮
【发布时间】：2012-02-12 21:35:33
【问题描述】：

我想隐藏这个非常简单的按钮

<input type="button" id="logoutBtn" value="logout" 
       data-theme="d" data-inline="true" aria-disabled="false">

我正在使用这个简单的调用来尝试隐藏它，但它没有做任何事情

$('#logoutBtn').hide();

然后我尝试添加这个，它也不起作用。

$('#first').live('pageinit', function(e){
      $('#logoutBtn').hide();
});

我做错了什么？

【问题讨论】：

按钮在页面的什么位置？它是在运行时创建的吗？什么是“#first”？
必须是
可能重复：stackoverflow.com/questions/7053335。这个另一个问题有几个答案，每个答案都显示了隐藏元素的不同方式。选择最适合您的。
jquery mobile cannot hide submit button的可能重复

标签： javascript jquery html css jquery-mobile

【解决方案1】：

jquery mobile cannot hide submit button 可能重复

<div data-theme="e" class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-hover-e ui-btn-down-e" aria-disabled="false">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">Submit</span>
    </span>
    <input type="submit" id="logoutBtn" value="button" data-theme="e" data-inline="true" class="ui-btn-hidden" aria-disabled="false">
</div>

$('#logoutBtn').closest('.ui-btn').hide();

【讨论】：

更好的解决方案：<input type="submit" data-role="none" style="display:none;">