Question

I feel as though this will end up being a silly question with a silly answer but I genuinely can’t see what is wrong.

I am trying to use the JQuery snippet plugin: http://www.steamdev.com/snippet/

I include the scripts in my footer:

<script src="js/jquery.snippet.js"></script>
<script src="js/specific-styles.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    // $("pre.code").snippet("php",{style:"neon"}); // tried this first of all
    $(".code").snippet("php",{style:"neon",clipboard:"js/ZeroClipboard.swf"});
});

and the css in my header:

<link rel="stylesheet" href="css/jquery.snippet.css" type="text/css" />

and my markup is as follows:

<pre class="code">&lt;?php echo "&copy; 2008 - " . date("Y") ?&gt;</pre>

But on my web page it simply looks like a normal <pre> kind of styling with no highlighting.

As far as I can tell I have done the right things to use the plugin so I was just wondering if anyone on here could help.

No reports on Firebug about it.

Answer 1

Try to put jQuery in “no-conflict” mode first, right after it`s inclusion:

<script type="text/javascript">
   var $ = jQuery.noConflict();
</script>