Ui範囲スライダが正しく機能していない

何が問題なのかよくわかりません。このコードは正しいですが、ローカルマシンで実行すると、入力フィールドが見つからないことがわかります！
Ui範囲スライダが正しく機能していない

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>slider demo</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
 
    <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
 
</head> 
 
<body> 
 
<div data-role="header"> 
 
    <h1>jQuery Mobile Example</h1> 
 
    </div> 
 
    <div role="main" class="ui-content"> 
 
    <label for="slider-0">Input slider:</label> 
 
    <input type="range" name="slider-0" id="slider-0" value="60" min="0" max="100"> 
 
    </div> 
 
</body> 
 
</html>

出典

2016-06-20 G.Mab

あなたは正しい順序で資源を輸入していますか？ – Rajesh

スニペットの実行中に入力フィールドが表示されます。それは本当にあなたの最後にそのスクリーンショットをもたらしますか？ –

はい、それは本当に奇妙です！：（（ –

デフォルトのブラウザでファイルに設定されますので、プロトコルを設定する必要があります：//

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

重要に - プロトコルを指定するための悪い習慣ですローカルマシンでのみ使用してください。

出典

2016-06-20 08:49:08 Luka

これは今、感謝しています:)） –

プロトコルを指定するのは悪い習慣です。理想的には、あなたのウェブサイトのプロトコルを選択する必要があります。 – Rajesh

@Rajeshそれは本当ですが、ローカルマシンでは動作しません。 http://stackoverflow.com/questions/16509740/why-jquery-does-not-work-on-my-home-local-machine – Luka

-1

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>slider demo</title> 
 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
 
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
 
</head> 
 
<body> 
 
<div data-role="header"> 
 
    <h1>jQuery Mobile Example</h1> 
 
    </div> 
 
    <div role="main" class="ui-content"> 
 
    <label for="slider-0">Input slider:</label> 
 
    <input type="range" name="slider-0" id="slider-0" value="60" min="0" max="100"> 
 
    </div> 
 
</body> 
 
</html>

出典

2016-06-20 08:53:17

変更した内容を説明してください。作業コードを入れるだけでは不十分です。 – Rajesh

@Rajesh彼は – Luka

の回答で行ったようにスクリプトを含む順序を変更しました@Rajesh httpプロトコルでurlを修正しました。自分のコードスニペットが開いているので誰かが既にそれに答えているのを見たことがありませんでした。 –

Ui範囲スライダが正しく機能していない

答えて

関連する問題