jQuery NoConflict
Hi all,
I am using jQuery and Sharepoints SPServices library(to perform GetVersionedCollection operation as mentioned here
https://social.msdn.microsoft.com/Forums/office/en-US/e7089153-cd8e-4c38-874c-2ca388b877c0/read-versions-of-comments-field-using-javascript-client-object-model?forum=sharepointdevelopmentprevious.
But when I call the SPServices utlity with $().SPServices.... , it says $ is not defined. So I did
var jq=$.noConflict(true); and used jq().SPServices and it worked fine. My form also had button click events utilizing jquery. All of this was working fine. But now suddenly, the functionality inside the button click which contains the jquery is giving error that $ is undefined. I was able to produce a similar issue for demo below.How do i fix it. In below example, when I click on the button, it throws the same error.
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- LoadData();
- });
- function LoadData()
- {
- $("p").text("jQuery is still working!");
- DisplayComments();
- }
- function DisplayComments()
- {
- var j=$.noConflict(true);
- j("p").append("<br>conflict jQuery is still working!");
- }
- function foo()
- {
- $("p").append("<br>jQuery is not recognized here");
- }
- </script>
- </head>
- <body>
- <p>This is a paragraph.</p>
- <button onclick='foo()'>Test jQuery</button>
- </body>
- </html>