Uncaught ReferenceError: $ is not defined (anonymous function)

Question

My Xpages is as follow :

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<script scr="js/jquery.min.js"></script>
<script scr="js/pdf.min.js"></script>
<script scr="js/jquery-pdfdoc.js"></script>
<link rel="stylesheet" href="css/jquery-pdfdoc.css"></link>
<div style="width : 800px height: 600px;">
<div id="mypdfdoc"></div>
    </div>
<xp:scriptBlock id="scriptBlock2">
    <xp:this.value><![CDATA[
        $('document').ready(function(){
        $('#mypdfdoc').PDFDoc( { source : '1.pdf' } );
    });
        ]]></xp:this.value>
</xp:scriptBlock>   
</xp:view>

I'm getting the error mentioned above in Google chrome. What does that mean ? Isn't jquery loaded or does this means something else ?

Answer 1

You javascript tags are wrong: It has to be src not scr:

<script src="js/jquery.min.js"></script>
<script src="js/pdf.min.js"></script>
<script src="js/jquery-pdfdoc.js"></script>