微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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显示我的解决方案。

原文地址:https://www.jb51.cc/jquery/183573.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐