javascript - Can't get jQuery to work in index.js in Blank Cordova App in Visual Studio 2015 -


i using visual studio 2015 create blank apache cordova app shown in link: http://i.imgur.com/1pl3el0.png

using nuget package manager, i've added jquery project: http://i.imgur.com/smhvnyz.png

from basic understanding, adding jquery through nuget manager doesn't add script tag index.html (or index.js) instead get's packaged in cordova.js file.

i've added following basic link tag in index.html <a href="#" id="mylink">link</a>

however, if try reference anchor tag using jquery in index.js file, following error: uncaught referenceerror: $ not defined

however, in debug window, in javascript console, can use jquery fine access elements. missing basic here. can explain why jquery failing?

here index.html , index.js files:

index.html: 

<!doctype html> <html> <head> <meta charset="utf-8" /> <!--     customize content security policy in meta tag below needed.      add 'unsafe-inline' default-src enable inline javascript.     details, see http://go.microsoft.com/fwlink/?linkid=617521 --> <meta http-equiv="content-security-policy" content="default-src 'self' data:     gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline';     media-src *"> <title>office365test3</title>  <!-- office365test3 references --> <link href="css/index.css" rel="stylesheet" /> </head> <body> <p>test 3</p>     <br />     <a href="#" id="mylink">link</a>      <!-- cordova reference, added app when it's built. -->     <script src="cordova.js"></script>     <script src="scripts/platformoverrides.js"></script>      <script src="scripts/index.js"></script> </body> </html>

index.js

/// <reference path="../../scripts/jquery-2.1.4.min.js" /> /// <reference path="../../scripts/jquery-2.1.4.min.js" /> // introduction blank template, see following documentation: // http://go.microsoft.com/fwlink/?linkid=397704 // debug code on page load in ripple or on android devices/emulators: launch app, set breakpoints,  // , run "window.location.reload()" in javascript console. (function () { "use strict";   document.addeventlistener( 'deviceready', ondeviceready.bind( ), false );  function ondeviceready() {     // handle cordova pause , resume events     document.addeventlistener( 'pause', onpause.bind( ), false );     document.addeventlistener( 'resume', onresume.bind( ), false );      // todo: cordova has been loaded. perform initialization requires cordova here.     $('#mylink').css('display', 'none');     };    function onpause() {     // todo: application has been suspended. save application state     here. };  function onresume() {     // todo: application has been reactivated. restore application     state here. }; } )();

try moving jquery files www/scripts directory, , reference them index.html file. default, nuget places them in scripts folder in project root, doesn't seem accessible.


-

Comments

Post a Comment

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

the default binder in web api expecst http://url.com/webapi/report/?pageids=3243&pageids=2365 to bind public ihttpactionresult report(list<int> pageids){ // exciting webapi code} i wish bind http://url.com/webapi/report/?pageids=3243,2365 as running out of space in url get . i have created class public class commaseparatedmodelbinder : system.web.http.modelbinding.imodelbinder { public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext) { //binding in here } } and registered in webapiconfig.cs var provider = new simplemodelbinderprovider( typeof(list<int>), new commaseparatedmodelbinder()); config.services.insert(typeof(modelbinderprovider), 0, provider); i have altered method signature use model binder so public ihttpactionresult report( [modelbinder] list<int> pageids){ // exciting webapi code} however break point in binder not being
Read more

Delphi 7 and decode UTF-8 base64 -

in delphi 7, have widestring encoded base64(that received web service widestring result) : pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg== when decoded it, result not utf-8: <?xml version="1.0"?> <string>طھط³طھ</string> but when decoded base64decode.org, result true : <?xml version="1.0"?> <string>تست</string> i have use encddecd unit decodestring function. the problem have using decodestring . function, in delphi 7, treats decoded binary data being ansi encoded. , problem text utf-8 encoded. to continue encddecd unit have couple of options. can switch decodestream . instance, code produce utf-8 encoded text file data: {$apptype console} uses classes, encddecd; const data = 'pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg=='; var input: tstringstream; output: tfilestream; begin input := tstringstream.create(data); try output := tfilestream.
Read more

html - Is there any way to exclude a single element from the style? (Bootstrap) -

so, have img logo, overlaid on div styled background-image: url("...") , , both elements inside 2 div classes .to-color , .to-overlay respectively, black transparent overlay. is there way exclude logo style given these 2 classes? here's jsfiddle example: link html , css example: - html - <div class="to-color"> <div class="to-overlay"> <div class="respo"> <div class="row"> <div class="col-xs-4 col-xs-offset-4 text-center"> <img src="http://ansonalex.com/wp-content/uploads/2011/06/google-logo-768x260.png" alt="..." class="img-responsive"> </div> </div> </div> </div> </div> - css - .to-color { background-color: #000; } .to-overlay { opacity : 0.5; } .respo { background-image: url("https://source.unsplash.com/category/objects/1600x900"); background-position: center center;
Read more