Jquery UI Slider、 slider 处理图像问题

标签 jquery jquery-ui jquery-ui-slider

我有以下问题:
我从 Jquery UI 网站(从这里: http://jqueryui.com/demos/slider/side-scroll.html )获取了 slider 的示例,并且需要对其进行修改,以便 slider 的 handle 显示不同的图形,但我不能让事情正确显示。

应该就像将“.scroll-bar-wrap .ui-slider-handle”中的background:属性指向我的图像一样简单,或者至少我是这么想的。该功能运行正常,单击滚动条的一般区域并向左和向右移动将使内容滚动得很好。问题是,无论我尝试什么,我都无法获得任何类型的图像(或 CSS 属性,就此而言)显示有关滚动条及其 handle 的信息!

这是一个包含我一直在使用的模型的目录:编辑:这很尴尬,我发布了一个糟糕的页面。更多内容见下文。

我已经搜索了 Stack Overflow 的 jquery UI 线程,并进行了一般性的谷歌搜索,但我似乎找不到解决方案。此时,我认为这是一些简单的 CSS 问题困扰着我,使句柄不可见,但功能完好无损。请问我做错了什么?

编辑: 好的,我很抱歉发布了一个未显示正确模型的页面的链接。抱歉浪费了大家的时间。

最佳答案

尝试在您的 css 文件中覆盖此类。检查这是否有效

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:green url(slider.png) 50% 50% repeat-x !important;
}​

关于Jquery UI Slider、 slider 处理图像问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12523161/

相关文章:

javascript - 使用 ajax/jquery 将 stripe.js token 传递给 django

javascript - 即使 <div/> 不是有效的 HTML 元素,它也能在每个浏览器中工作吗?

javascript - 对象属性插入表 jQuery

jquery - 使用复选框限制 jQuery Datepicker 中的天数

javascript - jquery 图像 slider 导航点不起作用

jquery - 如何使用 jquery ui slider 与自定义控制的 html5 视频配合使用

javascript - 如何删除仅包含特定类名且不包含字符串内部内容的 html 标签(span)换行?

JQuery 从 XML 自动完成

jquery-ui - 如何设置jQueryUI Dialog for v1.8x的背景

jQuery UI slider 步骤