正文 

当前位置： 首页 > 知识 >

TypeError: $(...).slider 不是函数

     2023-02-18     235

关键词：

【中文标题】TypeError: $(...).slider 不是函数【英文标题】：TypeError: $(...).slider is not a function 【发布时间】：2014-11-20 08:05:49 【问题描述】：

是否存在依赖于服务器的 jquery 滑块？我正在为 jquery 范围滑块使用 jquery 库和 Ui。只有一个 jquery 库，所以我认为任何冲突都没有问题。滑块在我的 linux 服务器上工作得很好，可以提供正确的输出。但是当我推送代码是我的 IIS 服务器时，我收到了这个错误，上面写着 TypeError: $(...).slider is not a function in mozilla browser and Uncaught TypeError: undefined is not a function in chrome 浏览器。如果服务器无论如何是它的原因，我只是在徘徊。 :(如果有人遇到类似情况，请提出建议。

$(document).ready(function() 
        $("#slider").slider(
          range: "min",
          animate: true,
          value:0,
          min: 0,
          max: 30,
          step: 1,
          slide: function(event, ui) 
            update(2,ui.value); //changed
          
      );

【问题讨论】：

使用像 Fiddler2 这样的网络工具或 Chrome F12 调试工具来查看实际从服务器加载的内容。它可能只是未能返回您的 JS 文件之一。 也许其他一些脚本（滑块上方）会导致错误，从而阻止其下方脚本的执行。制作一个仅包含基本数据（js + css + html）的演示页面，以便 slier 工作和测试它。在fireox中，在控制台中，您会在哪里获得TypeError ..它在什么文件中？ @andrew 感谢您的快速回复.. 但我不认为上面的脚本有一些错误，因为它在 linux 服务器上运行完全正确（该网站在 linux 和 IIS 服务器中上传）。它在我调用slider()函数的html文件中。 @RahulUkil IIS 环境中的其他一些 js 脚本可能存在一些可组合性问题 - 这就是我要说的。这就是为什么我告诉你为滑块制作最小页面，以检查这一点。 听起来你没有包含 jQuery 或 jQueryUI 【参考方案1】：

我收到了同样的错误信息。最后结果是我的代码加载了 jQuery 两次，包括一个太旧的 jQuery 版本。一旦我确定只有一个最新版本的 jQuery 链接到我的代码中，错误就消失了。

也许您的一台服务器（IIS 服务器）正在提供过期版本的 jQuery？

所以请检查您使用的是什么版本的 jQuery。这个对我来说很好用：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>

【讨论】：

感谢您的回答。我遇到了同样的问题，并尝试包含 jQuery 和 jQuery UI 的非苗条版本，但这并没有解决它。原来两个版本的 jQuery 正在加载！【参考方案2】：

同时使用jquery和ui，就可以了。

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

【讨论】：

为我工作。我测试任何东西【参考方案3】：

对于运行 rails 的我，您可以单独指定列出哪些 jQuery UI 元素，而我在管道中没有滑块。添加它以解决问题！

【讨论】：

【参考方案4】：

100% 确保您没有两次或多次包含 jquery.js 库。

检查页面中包含的其他 js 打包文件。

【讨论】：

如何在我的应用程序中包含 angular-ui-slider？ （TypeError：elm.slider 不是函数）

】如何在我的应用程序中包含angular-ui-slider？（TypeError：elm.slider不是函数）【英文标题】：Howtoincludeangular-ui-sliderintomyapplication?(TypeError:elm.sliderisnotafunction)【发布时间】：2016-04-0408:59:55【问题描述】：包含angular-ui-slider的现代指... 查看详情

React-Slick Slider Giving Error “Uncaught TypeError: Cannot call a class as a function”

】React-SlickSliderGivingError“UncaughtTypeError:Cannotcallaclassasafunction”【英文标题】：React-SlickSliderGivingError"UncaughtTypeError:Cannotcallaclassasafunction"【发布时间】：2018-11-2705:43:44【问题描述】：我只在使用包“react-slick”时 查看详情

Slick slider ().slick 不是 Wordpress PHP 的函数

...误的原因感到困惑。使用SlickSlider时，我收到“未捕获的TypeError:$(...).slickisnotafunction”。我正在使用WordPress中的代码并将其添 查看详情

如何从在 Python tkinter 中生成按钮的 Scale/Slider 获取值

...例。如何从滑块中获取选定的值？我的代码返回错误：“TypeError:funcSlider()missing1requ 查看详情

无法读取未定义的属性（读取“值”）

...中反映/存储Slider的新值。我该怎么写？我收到此错误：TypeError:Cannotrea 查看详情

slider(代码片段)

localslider_Boos=slider_Boos.Slider=cc.ControlSlider:create(cc.Sprite:create("majia/images/battle/boosSlider_bg.png"),cc.Sprite:create("majia/images/battle/boosSlider.png"),cc.Sprite:create("majia/images/battle/transparent.png"))slider_Boos.Slider:setPosition(cc.p(display.width*(280/1136),display.he... 查看详情

[ue4]slider

Slider：滑动条 一、Slider.BarThickness：滑动条厚度　　二、Slider.Appearance.StepSize：每次滑动的步进值　　三、Slider.Appearance.Value：滑动条的值（从0到1的小数）四、Slider.Appearance.Orientation：滑动条横向或纵向　　五、可以改变滑动... 查看详情

膨胀类 com.google.android.material.slider.Slider 时出错

】膨胀类com.google.android.material.slider.Slider时出错【英文标题】：Errorinflatingclasscom.google.android.material.slider.Slider【发布时间】：2021-07-1020:19:48【问题描述】：我想膨胀一个包含单个seekBar的布局。通过这种方式，我创建了一个扩展片... 查看详情

Slider.IsMoveToPointEnabled 在 Avalonia

【中文标题】Slider.IsMoveToPointEnabled在Avalonia【英文标题】：Slider.IsMoveToPointEnabledinAvalonia【发布时间】：2022-01-0402:01:45【问题描述】：在Avalonia中，Slider.IsMoveToPointEnabled相当于什么？【问题讨论】：【参考方案1】：答案是MoveToPoint... 查看详情

无法在 v-slider 内的 v-slider-items 上呈现多个图表

】无法在v-slider内的v-slider-items上呈现多个图表【英文标题】：cantrendermultiplechartsonv-slider-itemsinsideav-slider【发布时间】：2021-12-2307:55:31【问题描述】：我正在尝试显示多个图表（来自chart.js库），我希望每个图表都位于v-slider-item... 查看详情

swift-uislider(代码片段)

...roller:UIViewControlleroverridefuncviewDidLoad()super.viewDidLoad()//创建Sliderletslider=UISlider(frame:CGRect(x:50,y:250,width:300,height:50))//最小值slider.minimumValue=0//最大值slider.maximumValue=1//设置默认值slider.value=0.1//设置Slider值，并t有动画效果slider.setValue(0.5... 查看详情

hbaseonyarn-编译部署slider

1、编译Slider，[[email protected] apache-slider-0.91.0-incubating]# pwd/usr/local/src/apache-slider-0.91.0-incubating因采用CDH版本hadoop(2.6.0-cdh5.9.0),hbase(1.2.0-cdh5.9.0)，修改该目录下pom文件<hado 查看详情

swiftui脑洞大开打造实时显示当前值的slider

功能需求你敢信？SwiftUI自带的Slider永远看不见当前值是什么！So，为Slider添加当前值显示功能需要付出多少努力呢？答案是：基本只要一丢丢！是不是感觉不错呢？在本篇博文中您将学到:怎样实时获取Slider把手的位置？如何知... 查看详情

jQuery UI Slider 重置动画

】jQueryUISlider重置动画【英文标题】：jQueryUISliderresetanimation【发布时间】：2012-03-1812:24:05【问题描述】：尝试创建一个滑块，如果它没有被一直拖过，它将滑回到开头......这是不起作用的：$("#slider").slider(animate:true,change:function(ev... 查看详情

slider制作经验条／血条／遮罩

今天想实现一个经验条的制作，但是使用slider一直做起来都有些问题：1.在自己添加的slider组件上放置fullrect和handlerect这两个属性的时候，图片会被拉伸2.在改变slider的value时，图片缩放大小达不到指定幅度3.如何在图片上添加一... 查看详情

2017ugui之slider

不让鼠标控制slider的滑动：鼠标之所以可以控制滑动是因为slider具有interactable这个属性（下图红色的箭头的地方）；如果取消了这个属性的运行的时候就不能滑动了。如果要代码去控制这个进度条就不要勾选。   查看详情

Angular ui-slider - 动态最小/最大值

】Angularui-slider-动态最小/最大值【英文标题】：Angularui-slider-dynamicmin/maxvalues【发布时间】：2015-08-2722:58:14【问题描述】：我正在使用angularui-slider，我需要从外部源加载滑块的最小值和最大值，以便我可以像这样设置它们：$scope.... 查看详情

swiftui脑洞大开打造实时显示当前值的slider(滑动器)

功能需求你敢信？SwiftUI自带的Slider永远看不见当前值是什么！So，为Slider添加当前值显示功能需要付出多少努力呢？答案是：基本只要一丢丢！是不是感觉不错呢？在本篇博文中您将学到:怎样实时获取Slider把手的位置？如何知... 查看详情