I have requirement that I need to use third party jquery plugin called “jQuery Gradient Creator“(http://preview.codecanyon.net/item/jquery-gradient-creator/full_screen_preview/2054676). I added all min.js and css dependency in default.html file as defined below. (I haven’t use Embedded Resources to load js and css because it was not working for me.)
<html> <head> <title>Wisej</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge;IE=11" /> <meta http-equiv="Cache-Control" content="no-store" /> <link rel="stylesheet" href="Css/jquery.colorpicker.css" /> <link rel="stylesheet" href="Css/jquery.gradientCreator.css" /> <script src="wisej.wx"></script> <script src="Js/jquery-1.7.1.min.js"></script> <script src="Js/jquery-ui-1.8.18.custom.min.js"></script> <script src="Js/jquery.colorpicker.js"></script> <script src="Js/jquery.gradientCreator.min.js"></script> </head> <body> </body> </html>
When I started application, all above mentioned js and css are downloaded on client’s browser. Now, when I tried to access any element using $, I could able to access becauseof jquery.min.js. However, when I tried to call function gradientCreator( part of jquery.gradientCreator.min.js file), it gives error like $(…).gradientCreator is not a function. Ideally, it should work because all dependencies are already available on browser side.
Note: If I create simple html page just like default.html and try to invoke gradientCreator function in javascript, it does work.
Could you please help to understand me the root cause of it. Am I doing something wrong here ?
We cannot help you without a small simple runnable test case that explains and shows exactly why this is related to Wisej.
Please login first to submit.