2017-03-11 3 views
1

jQuery Mobileは、マルチスライダの入力バインド(つまり、タイプ番号とタイプ範囲の入力を許可しています)に使用しています。しかし、私はこれをインストールしているサイトで、ナビゲーションバー(https://www.autapse.com/managed-service-calculator/)を完全に削除しています。jQuery Mobileがナビゲーションバーを削除しています

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に投入後、一番下に表示されます。

は、ここに私の初期化ファイルです。

このアプローチが時代遅れで、入力番号と入力範囲をバインドするためのより良い解決策がある場合、私はそれにも非常に感謝しています!

ありがとうございます!

答えて

0

はそれを '解決' しなかったが、実行可能な代替案を書いた:

<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> 
関連する問題