JQueryUI單選按鈕示例不工作

我試圖用漂亮的JQueryUI類替換一些單選按鈕。但是，當我將示例代碼http://jqueryui.com/button/#radio（在該頁面上看起來工作正常）直接複製到「test.htm」並在同一瀏覽器中打開該示例代碼時，我會看到簡單的，未設計的單選按鈕。JQueryUI單選按鈕示例不工作

在「默認功能」下http://www.tutorialspoint.com/jqueryui/jqueryui_button.htm的示例代碼如何？在我的瀏覽器中，文本描述了製作一組單選按鈕（即只能選擇一個按鈕），然而他們的例子是一組複選框（其中全部可以選擇）。我試着將他們的代碼粘貼到一個文件中並打開它。我的結果與他們的演示頁面相同：漂亮的分組複選框。將輸入類型轉換爲「無線電」使其無法工作;點擊什麼也不做。

即使它在該代碼出現的頁面上的演示中工作，官方JQueryUI示例代碼如何不能在此計算機上工作？更重要的是，我需要做些什麼來製作一組簡單的單選按鈕，其樣式類似於JQueryUI樣式*，其功能類似於普通單選按鈕？

*（我可能要稍後重新着色他們，但是這是不太重要的。）

瀏覽器是火狐42. PC是一個工作防火牆後面，但顯然可以使用jQueryUI的代碼不夠好，給我演示頁面。如果他們是內聯的，並且沒有通過其他網站鏈接，那麼解答對我來說是最容易閱讀的。

來源

2015-12-14 Snow

嘗試更加具體與您正在使用jQuery的資產URL的，就像這樣（用https:前綴，併爲演示樣式表的完整路徑）：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">

如果您檢查網頁並查看您的開發人員控制檯，您會看到任何未加載資源的錯誤。

它以前不工作的原因是因爲只使用//path_to_file.js正在使用所謂的「協議相對」URL。您可以使用協議相對URL，而不是指定HTTP或HTTPS，它將使用您的瀏覽器正在使用的任何內容。問題是，如果你在本地加載靜態文件，它將使用file://協議，並將嘗試加載使用file:前綴的js和css包含。

來源

2015-12-14 21:27:17 dinjas

謝謝。我的演示代碼現在可以在該示例頁面中工作。我會發佈一個後續問題，因爲我無法專門在ASP.NET內工作。 – Snow

JQueryUI單選按鈕示例不工作

回答

相關問題