gpt4 book ai didi

jquery UI slider 不显示(附有 css)

转载 作者:太空宇宙 更新时间:2023-11-04 11:51:00 26 4
gpt4 key购买 nike

看了很多类似的问题后,我仍然不明白为什么我不能显示 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com