Интеграция WinJS с ASP.NET MVC6

Question

Я пытаюсь интегрировать WinJS с приложением ASP.NET MVC6, созданным с помощью новой Visual Studio 2015, и отображать всплывающую подсказку для ссылки. Но это не работает.

Вывод должен выглядеть следующим образом:

Вот как различные части приложения выглядит следующим образом:

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>