jQuery Mobile 正在删除我的导航栏答案

【问题标题】：jQuery Mobile is removing my nav barjQuery Mobile 正在删除我的导航栏
【发布时间】：2017-03-11 15:46:32
【问题描述】：

我将 jQuery Mobile 用于它的多滑块输入绑定（即允许来自类型编号和类型范围的输入）。但在我安装它的网站上，它完全删除了导航栏 (https://www.autapse.com/managed-service-calculator/)。

我已经将 jquery-mobile.css 分解为仅重要的组件并禁用了 AJAX 以防止过去的站点破坏属性，但这个错误是新的。

这是我的初始化文件：

<!-- Initializing Javascript -->

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script type="text/javascript">
$(document).bind("mobileinit", function() {
  $.extend(  $.mobile , {
    ajaxEnabled: false,
    linkBindingEnabled: false,
    loadingMessage: false
  });
});
</script>

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

此外，即使将属性设置为 false，加载消息仍会显示在底部。

如果这种方法已经过时，并且您有更好的解决方案来绑定输入数字和输入范围，我也将非常感谢！

提前致谢！

【问题讨论】：

标签： jquery html jquery-mobile

【解决方案1】：

没有“解决”它，但写了一个可行的替代方案：

    <form>

        <h2>End User Desktop Support</h2>

        <label>Number of End Users:</label><br>
        <input class="add-quote" type="number" name="amountInput1" id="slider-1" min="0" max="1000" value="0" step="20" oninput="this.form.amountRange1.value=this.value">
          <input class="add-quote" type="range" name="amountRange1" min="0" max="1000" value="0" step="20" oninput="this.form.amountInput1.value=this.value" id="yui_3_17_2_1_1489255729054_225">

        <br>

        <label>Number of Internal Applications:</label><br>
        <input class="add-quote" type="number" name="amountInput2" id="slider-2" min="0" max="50" value="0" step="1" oninput="this.form.amountRange2.value=this.value">
          <input class="add-quote" type="range" name="amountRange2" min="0" max="50" value="0" step="1" oninput="this.form.amountInput2.value=this.value">

        <br>

        <label>Number of External Integrated Applications:</label><br>
        <input class="add-quote" type="number" name="amountInput3" id="slider-3" min="0" max="50" value="0" step="1" oninput="this.form.amountRange3.value=this.value">
          <input class="add-quote" type="range" name="amountRange3" min="0" max="50" value="0" step="1" oninput="this.form.amountInput3.value=this.value">

        <h2>Infrastructure Support</h2>

        <label>Number of Servers:</label><br>
        <input class="add-quote" type="number" name="amountInput4" id="slider-4" min="0" max="200" value="0" step="10" oninput="this.form.amountRange4.value=this.value">
          <input class="add-quote" type="range" name="amountRange4" min="0" max="200" value="0" step="1" oninput="this.form.amountInput4.value=this.value">

        <br>

        <label>Number of Network Circuits:</label><br>
        <input class="add-quote" type="number" name="amountInput5" id="slider-5" min="0" max="20" value="0" step="1" oninput="this.form.amountRange5.value=this.value">
          <input class="add-quote" type="range" name="amountRange5" min="0" max="20" value="0" step="1" oninput="this.form.amountInput5.value=this.value">

     </form>

【讨论】：