jquery - Jquery 插件实现和资源位置的最佳实践

Question

这可能是一个非常基本的问题，但我似乎在插入 jquery 插件时遇到了问题。问题似乎与脚本、css 和图像的位置有关，并确保 css 具有正确的图像 url。

标准插件具有以下文件夹结构(例如:JPicker)

• js
• CSS
• 图片

我的元素是 asp.net mvc，所以我有默认的:

• 脚本
• 图片
• 内容

因此，我尝试将 jquery 插件拆分到适当的文件夹中(不确定这是否是最佳方式？)。然后我尝试更正 css 中对图像(背景 url)的引用。我相信 url 是相对于实现 css 文件的页面而言的，而不是 css 文件本身的位置。

无论如何，当我尝试上面的方法时，插件似乎不起作用。我认为问题在于未找到图像。 jquery 代码运行没有错误，所以我认为这不是问题所在。

非常感谢任何帮助/建议

Answer 1

在 CSS 中，图像需要与 CSS 文件相关，这样才能修复其他插件。但是...这不是 jPicker 的具体问题。出于某种原因，该插件直接引用了 .js 中的文件。它有一个硬编码的图像路径，您可以在此处的代码中找到:

clientPath: '/jPicker/images/'

要覆盖它，当您调用 jPicker 时，请像这样设置路径:

$('#myPicker').jPicker({images:{clientPath:'/images/'}});