visual studio - Integrating WinJS with a ASP.NET MVC6 -


i'm trying integrate winjs asp.net mvc6 application created recent visual studio 2015 , display tooltip link. not work.

the output should like:

enter image description here

here how different parts of app like:

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"   } } 

there no change in gulpfile.js.

added these _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> 

my html code is:

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

// write javascript code.  winjs.ui.processall(); 

winjs

i added following code in site.js.

(function () {     winjs.ui.processall(); })(); 

then included site.js part of development environment.

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

Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -