jquery手机无法隐藏提交按钮

前端之家收集整理的这篇文章主要介绍了jquery手机无法隐藏提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用最新版本的jquery手机,我的问题是我已经提交了一个提交按钮的ID,然后添加了一些CSS来设置ID显示:none;

由于某种原因,这不行。

有人有这个问题吗?

解决方法

在没有任何代码的情况下,很难说出你想要做什么,但是我认为问题起因于jQuery Mobile不会对现有按钮进行风格化,而是将元素隐藏在一个新的div中,该div被设计为看起来像一个按钮。

当前jQuery Mobile标记的按钮如下所示:

<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="submit_btn" value="Submit" data-theme="e" data-inline="true" class="ui-btn-hidden" aria-disabled="false">
</div>

所以你找到最接近的祖先与ui-btn类并隐藏它:

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

如果有更好的方式来做,我很想知道。这是一个fiddle显示我的解决方案。

猜你在找的jQuery相关文章