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

Posted 2023-02-18

【中文标题】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 打包文件。