jQuery Mobile正在删除我的导航栏

时间:2017-03-11 15:46:33

标签: jquery html jquery-mobile

我正在使用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,加载消息仍会显示在底部。

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

没有解决&#39;但它写了一个可行的替代方案:

    <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>