个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试使用 roundslider plugin .
我按照说明找到了 here , 要包含依赖文件，请添加 HTML 并调用插件。
我在以下简单的 .html 文件中创建了所有这些，并使用 chrome 打开它。
<html>
<head>
<script src="https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/jquery.roundslider/1.3/roundslider.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/jquery.roundslider/1.3/roundslider.min.js"></script>
<script type="text/javascript">
$("#slider1").roundSlider({
sliderType: "default",
value: 40
});
</script>
</head>
<body>
<div id="slider1" class="rslider"></div>
</body>
</html>
Chrome 打开页面但在 div 中没有显示任何内容。我哪里出错了？
jsfiddle roundslider 提供的示例。
最佳答案
问题是在加载 HTML 之前调用脚本。结果，$("#slider1")是未定义的，该函数什么也没有被调用。
或者:
<body> 的末尾或 <div> 之后的某个地方将整个 JS 代码包装在 $(function() {}) 中等待页面加载的包装器，如下所示:
$(function() {
$("#slider1").roundSlider({
sliderType: "default",
value: 40
});
});
JSFiddle 示例工作的原因是代码被包装在 window.load() 中函数，它等待 HTML 加载。 (您可以在设置 JavaScript > 加载类型下看到此设置)。
在内部，这是他们的脚本(您可以检查开发人员工具以在 JSFiddle 中看到它):
//<![CDATA[
$(window).load(function(){
$("#slider1").roundSlider({
sliderType: "default",
value: 40
});
$("#slider2").roundSlider({
sliderType: "min-range",
value: 40
});
$("#slider3").roundSlider({
sliderType: "range",
value: "10,40"
});
});//]]>
关于JavaScript roundslider 插件默认设置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38576782/
25
4
0
我正在尝试使用 roundslider plugin . 我按照说明找到了 here , 要包含依赖文件，请添加 HTML 并调用插件。 我在以下简单的 .html 文件中创建了所有这些，并使用 ch
我正在使用 Round slider图书馆。这是我的演示站点 Demo link .我的圈子有两种颜色，一种是灰色，另一种是橙色。如果我移动 handle ，则显示黑色。但我只想用灰色 colot 显
我想将我的 roundSlider 设置为如图所示的样式: 我已经浏览了圆形 slider 的文档 https://roundsliderui.com/document.html ，但由于我对 CSS
下面是我为 roundSlider 小部件编写的 html 脚本，我试图将一些标签文本添加到该小部件中，但无法弄清楚。因为我的项目需要多个小部件，所以我必须给每个小部件一个不同的标签/名称。 在下面的
我想通过 jQuery roundSlider 显示来自数据库的价格数据。 有一个简单的模型 public class Item { public int Id { get; set; }
在下面的代码片段中，我有一个三个 roundSlider 小部件，我试图在每个 slider 下添加一个启用/禁用按钮。 非常感谢您帮助我展示/指导我如何将这些启用/禁用按钮添加到小部件旁边，或者最好
我想用 roundSlider在我的 Shiny 应用程序中，而不是滑块输入小部件。我的简单示例应用程序如下。但我不知道如何在滑块中返回选定的值。在我的示例中，renderPrint 只返回 NULL
我是一名优秀的程序员,十分优秀！