16 Replies Latest reply: Oct 31, 2014 9:22 AM by Rambutan RSS

    Noob question: Problem loading jQuery

    Rambutan Community Member
    Rambutan Oct 28, 2014 9:41 AM

      Hi all, I've created Photoshop flash panels years ago and now trying out the HTML5 stuff.  I'm running Photoshop CC 2014 on Windows 8.1.

       

      I'm just trying to get a VERY simple jQuery sample up and running but for some reason jQuery refuses to load.  Now I'm probably not doing things in the correct order etc but I've tried all night to get this to work:

       

      C:\Users\Gear\AppData\Roaming\Adobe\CEP\extensions\com.example.jqui\index.html

      <!DOCTYPE html>
<html>
<head>
<script src="./js/libs/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>


<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>


</body>
</html>

       

      This is taken from a jQuery example on W3:

      http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_p

       

      I've setup the manifest.xml and the .debug files, the extension is recognized by Photoshop no problems and runs fine but the example doesn't seem to load jQuery.  When I debug the extension in Chrome  it says:

      Uncaught ReferenceError: $ is not defined (index.html line 6)

       

      I've triple checked the path to jQuery and it's correct, I even use Brackets' auto complete path.

       

      Any help would be GREATLY appreciated!

       

      Thanks!

       

      G

      • 182 Views
      • Tags: