[英]Why does my JS/JQuery code only work in a web browser's console?
[英]JS Code does not work on web browser as intended
我正在使用html創建可調整大小的DIV,並已找到一些在線代碼作為參考。
在chrome上運行HTML源代碼時,可調整大小的功能不起作用,我只能看到沒有功能的純文本。 但是,該代碼在JSFiddle上運行良好。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Resizable - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <style> #resizable { width: 150px; height: 150px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } </style> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#resizable" ).resizable(); } ); </script> </head> <body> <div id="resizable" class="ui-widget-content"> <h3 class="ui-widget-header">Resizable</h3> </div> </body> </html>
這是我正在使用的確切代碼。 有任何想法為什么它無法在chrome上正常運行?
我只能看到純文字
您的CSS未加載。
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
這是方案的相對URL 。
如果您正在查看的HTML文檔是通過HTTP或HTTPS加載的,它將可以正常工作。
由於不是,您必須直接使用file:
scheme URL從本地文件系統中加載它(通常是因為您在Windows資源管理器中雙擊了HTML文檔)。
您需要從Web服務器加載HTML文檔或將URL更改為CSS,以便它使用絕對URL(以https:
開頭的絕對URL)。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.