【问题标题】:jQuery spinner arrows not visiblejQuery微调器箭头不可见
【发布时间】:2017-04-26 00:00:25
【问题描述】:

我在这个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 edition 2015)来获取 jquery ui 包,现在它似乎将东西加载到我的 windows 用户文件夹中,所以我只是将包拖到我的解决方案中。任何指针将不胜感激。

【问题讨论】:

  • 您应该分享您编写的代码,除非您希望任何人猜出它不起作用的原因。更好的是演示。阅读如何提问stackoverflow.com/help/how-to-ask

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


【解决方案1】:

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

包裹是Buggy。

我已经验证过了。该包包括一个正确的 1.12.1 的 Jquery UI JavaScript 文件,但缺少结构和主题文件的成分,它包括来自旧 1.11.4 和 1.12.0 的完全错误的样式表

我必须在我的项目文件中单独修复它们。

向我指出调查 Nuget 的方向,是我打开的一张票证与错误的对话框取消文本有关,该文本溢出了取消图标,他们指出我在样式表版本中存在不匹配,然后就可以了。

只需从以下网站下载正确的稳定样式表和脚本包 http://jqueryui.com/

然后解压 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 包时遇到的相同问题的人

【讨论】:

    【解决方案2】:

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

    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 的副本,将有问题的图像复制并粘贴到上面的文件夹中。

    【讨论】:

    • 谢谢@Val。我很确定这不是那么简单。图像在那里:我可以将其设置为 div 的背景。我有一个具有相同文件夹结构的项目。如果我移动或重命名图像,图像不会显示,但 标记中的跨度标记已由 ui jquery 创建。在损坏的项目中,即使图像确实存在于正确的位置,这些跨度标签甚至都不会被创建。
    • 我认为这可能与脚本/css的排序有关。这是两个项目的比较 !folder structures and css/script links 。 AGT 项目有效。当我弄清楚如何做到这一点时,我可以添加一些代码。
    • 我正在使用 VS Community 2015 Update 3 。我创建了一个新的 Core MVC Web 应用程序项目并使用 Bower 添加了 JQuery 2.2.0 和 JQuery-ui 1.12.1。我将相关的 css 和脚本链接添加到 _Layout.cshtml 页面。我使用
    • jquery-ui.js 到 _addClasses ui-button 和 ui-widget 到父 元素的第 6875 行没有被调用。有什么想法吗?
    • 发给我你网站的链接,我帮你调试。并让您知道问题出在哪里。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多