Aurelia初始化物化组件

我正在尝试将MaterializeCSS与Aurelia框架一起使用，到目前为止，我已经成功地安装了jQuery和MaterializeCSS（显然）。它们的导入显示在typings.json、package.json和config.js上。但是，当我执行物化初始化函数时，例如

$('.slider').slider();

我在浏览器控制台上遇到以下错误：

ERROR [app-router] TypeError: $(...).slider is not a function

如果我改为运行此命令：

$('.slider').slider();

---

然后什么也没发生。我做错了什么？

看起来你太专注于用jQuery自己做硬管道了。出现错误的原因似乎是——显然——MaterializeJS没有正确加载。如果不知道您正在使用的bundler或启动项目类型的细节，以及它的设置方式，就很难给出答案

但是，您可能会受益的是，有一个官方支持的项目，名为，它是Materialize.css库的特定于Aurelia的包装器

要开始，请执行以下操作：

删除手动添加的关于materialize库的所有内容

穿行

最后，看看你是如何开始工作的

在您的示例中，设置基本滑块非常简单，例如：

这是我们的大口号！
这是我们的小标语。


左对齐标题
这是我们的小标语。


右对齐标题
这是我们的小标语。


这是我们的大口号！
这是我们的小标语。

作为经验法则；您根本不必使用任何类似jQuery的语法

---

希望这对您有所帮助。

看起来您太专注于用jQuery自己完成硬管道。出现错误的原因似乎是——显然——MaterializeJS没有正确加载。如果不知道您正在使用的bundler或启动项目类型的细节，以及它的设置方式，就很难给出答案

但是，您可能会受益的是，有一个官方支持的项目，名为，它是Materialize.css库的特定于Aurelia的包装器

要开始，请执行以下操作：

删除手动添加的关于materialize库的所有内容

穿行

最后，看看你是如何开始工作的

在您的示例中，设置基本滑块非常简单，例如：

这是我们的大口号！
这是我们的小标语。


左对齐标题
这是我们的小标语。


右对齐标题
这是我们的小标语。


这是我们的大口号！
这是我们的小标语。

作为经验法则；您根本不必使用任何类似jQuery的语法

---

希望这对您有所帮助。

如果您看看这个问题：，您会发现我已经尝试过这种方法，但无法运行。注：我正在使用奥雷莉亚的打字脚本框架。@Thelightbringer如果你仍在努力解决这个问题，请尝试当前的bridge版本。我们现在应该已经涵盖了您的错误：）如果你看看这个问题：，你会发现我已经尝试过这种方法，但无法运行。注：我正在使用奥雷莉亚的打字脚本框架。@Thelightbringer如果你仍在努力解决这个问题，请尝试当前的bridge版本。我们现在应该已经涵盖了您的错误：）我写了一篇关于将一个库集成到aurelia的博客，你可能会感兴趣。我写了一篇关于将一个库集成到aurelia的博客，你可能会感兴趣。