[jQuery] Using JQuery with other libraries (Lightbox)
Hi,
I have read the documentation on using JQuery with other libraries by
using the Noconflict call. I have to admit to being a total novice at
this.
I want to use Jquery to do a text replace on my search box for my site
- and I have lightbox working for my images.
I cannot get the two libraries to work together. If I try to
implement both then only Lightbox will work. If I comment out
lightbox then JQuery works.
The code from my head tag is below and here is the link -
http://www.macmillan-academy.org.uk/zeltha/index.php
<script type="text/javascript" src="js/common.js"></script>
<script language="JavaScript" src="tabs/nav-h.js" type="text/
JavaScript"></script>
<script type="text/javascript" src="<?php print
$root."lightbox2.04/js/prototype.js"?>"></script>
<script type="text/javascript" src="<?php print $root."lightbox2.04/
js/scriptaculous.js?load=effects,builder"?>"></script>
<script type="text/javascript" src="<?php print
$root."lightbox2.04/js/lightbox.js"?>"></script>
<script type="text/javascript" src="<?php print $root."js/
jquery.js"?>"></script>
<script language="JavaScript" src="<?php print $root."js/
jquery.hint.js"?>" type="text/JavaScript"></script>
<script type="text/javascript" charset="utf-8">
var $j =jQuery.noConflict();
$(function(){
// find all the input elements with title
attributes
$('input[title!=""]').hint();
});
</script>
Many thanks for your time.