如何使用Jquery禁用Mobile中的函数

Question

我的网站有一个固定的菜单在顶部，我使用粘性插件，但我想禁用这个功能的手机。

是否可以使用Jquery隐藏或禁用函数？要只使用javascript执行

这是我的html代码

 <div id="fixed-search" class="fixed-search">
                        <div class="col s12 m6 l2 center-align">
                            <select id="localizacao" multiple class="dropdown-select">
                                <option value="" disabled selected>Finalidade</option>
                                <option value="1">Venda</option>
                                <option value="2">Aluguel</option>
                                <option value="3">Aluguel Temporada</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select id="localizacao" multiple class="dropdown-select">
                                <option value="" disabled selected>Localização</option>
                                <option value="1">Capão da Canoa</option>
                                <option value="2">Torres</option>
                                <option value="3">Tramandaí</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select id="bairro" multiple class="dropdown-select">
                                <option value="" disabled selected>Bairro</option>
                                <option value="1">Centro</option>
                                <option value="2">Zona nova</option>
                                <option value="3">Guarani</option>
                            </select>
                        </div>
                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>

                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>

                        <div class="col s12 m6 l2 center-align">
                            <select multiple class="dropdown-select">
                                <option value="" disabled selected>Dormitórios</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4 ou +</option>
                            </select>
                        </div>
                    </div>

这是我的Jquery

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  $("#fixed-search").sticky();
}

$("#fixed-search").sticky({topSpacing:10});

示例

在此图像中，您可以看到其他项目上方的固定菜单。

我用

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

}else{
  $("#fixed-search").sticky({topSpacing:10});

}

Answer 1

使用BOM对象查找基于设备的with，并应用您想要实现的更改，在js中编写下面的代码

if(window.innerWidth < 767) {
   $("#fixed-search").sticky();
} else {
   $("#fixed-search").sticky({topSpacing:10});
}

Answer 2

我不会用用户代理。您可以使用媒体查询。queries.asp