看了很多类似的问题后，我仍然不明白为什么我不能显示 jquery UI slider 。下面是我的代码。
正在加载js文件，css文件在同一位置。 (与html文件在同一个文件夹中)
我知道 jquery ui 已加载，因为我没有看到警告消息。但我仍然看不到 slider 。我试过了
我做错了什么？
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="jquery-1.11.3.min.js"/>
<script type="text/javascript" src="jquery-ui.js"/>
<link href="jquery-ui.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript">
$(document).ready(function () {
document.body.innerHTML = "ready..."
//ready();
if (jQuery.ui) {
$("#slider").slider()
} else {
alert("no jquery ui")
}
});
</script>
<title></title>
</head>
<body id="mainBody">
<div id="slider"></div>
not yet ready...
</body>
</html>
最佳答案
您正在将正文中的所有 HTML(包括#slider)替换为“ready...”。这使得 $("#slider").slider() 无法工作，因为不再有 #slider 元素。更好的方法是用 DIV 包装“尚未准备好......”:
<body id="mainBody">
<div id="slider"></div>
<div id="status">not yet ready...</div>
</body>
然后将 document.body.innerHTML = "ready..." 替换为 $("#status").html("ready...")
这应该可以解决问题。
关于jquery UI slider 不显示(附有 css)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30630046/