将 WinJS 与 ASP.NET MVC6 集成答案

【问题标题】：Integrating WinJS with a ASP.NET MVC6将 WinJS 与 ASP.NET MVC6 集成
【发布时间】：2015-07-22 12:54:33
【问题描述】：

我正在尝试将WinJS 与使用最近的 Visual Studio 2015 创建的 ASP.NET MVC6 应用程序集成，并显示链接的工具提示。但它不起作用。

输出应如下所示：

以下是应用程序不同部分的外观：

bower.json：

{
  "name": "ASP.NET",
  "private": true,
  "dependencies": {
    "bootstrap": "3.0.0",
    "bootstrap-touch-carousel": "0.8.0",
    "hammer.js": "2.0.4",
    "jquery": "2.1.4",
    "jquery-validation": "1.11.1",
    "jquery-validation-unobtrusive": "3.2.2",
    "winjs": "4.1.0"
  }
}

gulpfile.js 没有变化。

将这些添加到 _Layout.cshtml：

<link rel="stylesheet" href="~/lib/winjs/css/ui-light.css" />
<script src="~/lib/winjs/js/base.js"></script>
<script src="~/lib/winjs/js/ui.js"></script>

我的html代码是：

<div class="row">
    <div data-win-control="WinJS.UI.Tooltip"
         data-win-options="{innerHTML: 'Microsoft Corporation<br><span class=\'win-text-domain\'>www.microsoft.com</span>'}"
         style="margin-top: 20px;margin-bottom:30px">
        <span class="win-link">Microsoft</span>
    </div>
</div>

wwwroot\js\site.js有

// Write your Javascript code.

WinJS.UI.processAll();

【问题讨论】：

ui.js 和 base.js 都在 lib 文件夹中吗？

标签： visual-studio gulp bower winjs

【解决方案1】：

我在 site.js 中添加了以下代码。

(function () {
    WinJS.UI.processAll();
})();

然后将 site.js 作为开发环境的一部分。

<environment names="Development">
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
    <script src="~/lib/hammer.js/hammer.js"></script>
    <script src="~/lib/bootstrap-touch-carousel/dist/js/bootstrap-touch-carousel.js"></script>
    <script src="~/lib/winjs/js/base.js"></script>
    <script src="~/lib/winjs/js/ui.js"></script>
    <script src="~/js/site.js" asp-file-version="true"></script>
</environment>

【讨论】：