Jquery 文档宽度如果A超过B，则B是隐藏的

我在JQuery Mobile中的标题上有按钮。我只想在标题元素上显示锚点时隐藏标题（h1），例如，它可能是低分辨率的，或者将视图从横向更改为纵向

HTML文件

<div class="header ui-bar-c" id="head1" data-role='header'>
    <div id="gentags" class="ui-btn-left">
        <a id="htmltag" data-role="button" data-inline="true" data-mini="true">&lt;&gt;&lt;/&gt;</a>
        <a id="csstag1" data-role="button" data-inline="true" data-mini="true">{}</a>
        <a id="colon" data-role="button" data-inline="true" data-mini="true">:</a>
        <a id="semicolon" data-role="button" data-inline="true" data-mini="true">;</a>
        <a id="csstag2" data-role="button" data-inline="true" data-mini="true">:;</a>
        <a id="jstag1" data-role="button" data-inline="true" data-mini="true">()</a>
        <a id="jstag2" data-role="button" data-inline="true" data-mini="true">("")</a>
        <a id="function" data-role="button" data-inline="true" data-mini="true">function(){}</a>
    </div>

    <h1>Text Website Name</h1>
    <a href="#menupanel" data-role="button" data-icon="bars" data-iconpos="notext" data-inline="true" class="ui-btn-right">Bars</a>
</div>

---

以下脚本有助于指导您：

jQuery（函数（$）{
$（窗口）.bind（'resize'，function（）{
变量$BTN=$（“#头BTN”），
btnsWidth=$btns.width（），
宽度=$（窗口）.width（）；
如果（（BTN宽度/宽度）>0.3）
$（'.ui title'）.hide（）；
其他的
$（'.ui title'）.show（）；
});
});

这里我们检测按钮容器的宽度是否大于视图端口宽度的30%。默认情况下，jQuery mobile中的标题在x轴上具有30%的边距

---

虽然，它的工作原理与我解释的一样，但是检测按钮容器与标题中的文本的冲突并不精确。要做到这一点，它需要一些肮脏的技巧…

把你的代码放在问题中，不要单独使用链接。用代码更新它可以做到，但不是那么容易。默认情况下，页眉留有30%的边距，因此如果按钮容器大于屏幕宽度的30%，则可以计算调整大小。但是如果隐藏标题，则会丢失UI。。。