jQuery UI图标显示在调试部署但不是版本

Question

我有一个ASP MVC应用程序，它使用jQuery UI作为datepicker和accordion小部件。在本地运行时，以及在Azure上部署到开发/调试Web应用程序时，它们的图标（按钮更改月份，手风琴箭头）显示正常。

但是，一旦部署到发布/生产Web应用程序，他们不会。这些小工具仍然可以正常工作，但由于某种原因，它拒绝包含与小工具相关的jQuery UI图像。它尝试加载资源，但它回来了404

我部署到Azure以及Web应用程序配置为在蔚蓝结束调试/发布Web应用程序相同。

我真的不知道，从我的项目配置文件相关的问题，让我等张贴那些直到有人告诉我。

我在我的包配置中使用缩小的jquery ui css，并且我知道它捆绑正确，因为它实际上试图加载生产中的图标，但在图标本身上返回404。

• 内容
  • 图像0​​
    • UI-icons_222222_256x240.png
  • 的jquery-ui.min.css

并在jquer Y型ui.min.css它看起来对他们的相对路径像

background-image:url("images/ui-icons_222222_256x240.png")

因此，当它被部署到发布版本就必须重新安排，其中的内容目录是相对的CSS文件或东西..

Answer 1

假设你的文件被标记为内容，并且相对于ASP应用程序根目录的路径，请确保您的束genn'ing每个配置相同。像这样：

  bundles.Add(new StyleBundle("~/Content/cssthemebundle").Include(
      "~/Content/themes/base/jquery.ui.core.css", 
      "~/Content/themes/base/jquery.ui.accordion.css", 
      "~/Content/themes/base/jquery.ui.tabs.css", 
      "~/Content/themes/base/jquery.ui.datepicker.css", 
      "~/Content/themes/base/jquery.ui.theme.css")); 

这可以在我们的解决方案regradless的配置。我们确实遇到了问题，释放资源路径变得一团糟，但是此捆绑路径现在运行良好。

注意：主题css文件中引用的资源图像是相对于主题文件夹而不是“〜/”的。所以jquery-ui css网址应该保持不变。