jQuery微调器箭头不可见

时间:2017-01-16 14:57:24

标签: jquery css nuget vs-community-edition jquery-ui-spinner

我已在此Jquery Spinner arrows not loading (visibility)

上看过上一篇文章

但我仍然无法加载或看到微调按钮图像,虽然微调器工作正常。 css文件路径是:wwwroot / lib / jquery.ui.combined / Content / themes / base / jquery-ui.css 图像位于:wwwroot / lib / jquery.ui.combined / Content / themes / base / images。

过去使用jquery ui和spinners我没有问题。我再次使用NuGet(使用VS cummunity 2015)获取jquery ui包,现在似乎将内容加载到我的windows用户文件夹中,所以我只是将包拖到我的解决方案中。任何指针都会受到赞赏。

2 个答案:

答案 0 :(得分:1)

请不要使用Nuget来安装Jquery-Ui 1.12.1

包裹是Buggy。

我已经证实了这一点。该软件包包含一个适用于1.12.1的正确Jquery UI JavaScript文件,但缺少结构和主题文件的成分,它包含来自旧版1.11.4和1.12.0的完全错误的样式表

我必须分别在我的项目文件中修复它们。

我指向这个调查Nuget的方向,是我打开的与错误的Dialog取消文本相关的一张票,它溢出了取消图标,他们指出我在样式表版本中不匹配,你走了。< / p>

只需从中下载正确的Stable样式表和脚本包 http://jqueryui.com/

然后Upack Zip文件,并使用VS Add-Existing将正确的图像和样式表包含在Content / themes / base下的正确文件夹中

样式表的新结构是:

  • jquery-ui.css包含所有Jquery UI的所有必需样式 元素
  • jquery-ui.structure.css包含没有的核心ui 主题
  • jquery-ui.theme.css包含主题

所以jquery-ui = jquery-ui.structure + jquery-ui.theme

这样,如果你需要使用自己的自定义主题,你可以使用jquery-ui.structure和你的主题。

希望这有助于任何人面对我们遇到Nuget包的同样问题

答案 1 :(得分:0)

根据答案,对于链接的问题,答案非常简单。

http://fairyringspores.com/Content/images/ui-icons_6da8d5_256x240.png未找到图片,因此无法加载任何内容。

  

这些图像未显示的原因是因为在您指定的路径中找不到它们。您忘记上传它们,或者已将它们上传到错误的目录。

因此,要解决问题,请查看此wwwroot/lib/jquery.ui.combined/Content/themes/base/images文件夹中的图像ui-icons_6da8d5_256x240.png,如果不存在,请下载jquery UI的副本,将相关图像复制并粘贴到上面的文件夹中。