用戶界面範圍滑塊無法正常工作

我不知道什麼是錯的。這段代碼是正確的，但是當我在本地機器上運行它時，我發現輸入字段丟失了！
用戶界面範圍滑塊無法正常工作

<!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。我沒有看到有人已經作爲我的代碼片段被打開來回答它。 –

用戶界面範圍滑塊無法正常工作

回答

相關問題