Hi:
How can I include jQuery file in HTML web resource?
I included the file and it is shown in page Source (Inspect Element).
but when I call a method that is using jQuery, it is throwing.
ReferenceError: $ is not defined $(document).ready(function(){
although jquery in shown in page source.
any helpful suggestion is appericiated?
Thanks.
Here is complete source code.
<html><head>
<script src="new_Jquery"></script> <script src="new_Json2"></script> <script> function loadTargets(){ $(document).ready(function(){ try{ for(i = 1; i <= 10; i++){ $('div.result').append("<div id='div"+ (i) +"'>Target-" + i +"</div>"); } for(i = 1; i <= 4; i++){ $('div.usres').append("<div id='div"+ (i) +"'>User-" + i +"</div>"); } //ExecuteQuery("/new_studentSet?"); } catch(exp) { alert("Exception: " + exp); } }); } function ExecuteQuery(ODataQuery) { var serverUrl = Xrm.Page.context.getServerUrl(); // Adjust URL for differences between on premise and online if (serverUrl.match(/\/$/)) { serverUrl = serverUrl.substring(0, serverUrl.length - 1); } var ODataURL = serverUrl + "/XRMServices/2011/OrganizationData.svc" + ODataQuery; $.ajax({ type: "GET", contentType: "application/json; charset=utf-8", datatype: "json", url: ODataURL, beforeSend: function (XMLHttpRequest) { XMLHttpRequest.setRequestHeader("Accept", "application/json"); }, success: function (data, textStatus, XmlHttpRequest) { // // Handle result from successful execution // // e.g. data.d.results alert("Data Loaded Successfully, Thanks."); }, error: function (XmlHttpRequest, textStatus, errorObject) { // // Handle result from unsuccessful execution // alert("OData Execution Error Occurred"); } }); } // // Error Handler // function ErrorHandler(XMLHttpRequest, textStatus, errorObject) { alert("Error Occurred : " + textStatus + ": " + JSON.parse(XMLHttpRequest.responseText).error.message.value); } </script> <meta><meta><meta><meta></head> <body style="word-wrap: break-word;"> <p>Show here a list of all targets...</p> <input type="button" value="Load Targets" onclick="loadTargets()"> <div class="result"></div> <div class="usres"></div> </body></html>