将 WinJS 与 ASP.NET MVC6 集成

Question

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

输出应如下所示：

应用的不同部分如下所示：

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();

Answer 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>

将 WinJS 与 ASP.NET MVC6 集成

Integrating WinJS with a ASP.NET MVC6

visual-studio

gulp

bower

winjs