Question

I’m using a jQuery plugin(?)/library called “Zentabs” and for some reason it’s preventing any other jQuery code I write from working…this isn’t the first time I’ve had trouble with jQuery library’s breaking other pieces of code but usually I can rearange where the code appears and that’ll usually fix whatever the problem is but this time nothing’s working -_-

This is what I’ve got in the header;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
     <script type="text/javascript">

$(document).ready(function() {

alert("WTF!!!!!");

});

</script>
<script src="<?php baseURL();?>/zentabs.js" type="text/javascript"></script> 
<script src="<?php baseURL();?>/date_time.js" type="text/javascript"></script>
<script src="jquery.lazyload.js?v=4" type="text/javascript"   charset="utf-8"></script>

When I remove

<script src="<?php baseURL();?>/zentabs.js" type="text/javascript"></script> 

Then

$(document).ready(function() {

alert("WTF!!!!!");

});

</script>

Work just fine, but when I include zentabs.js, nothing works =/

And here’s the zentabs.js file > http://zenverse.net/wp-content/uploads/2009/09/zentabs.js

Can anybody tell me what I’m doing wrong?

P.S. I’m so freakin’ frustrated right now I’m about ready to jump off
a building -_-

Answer 1

You need noConflict there. Try this, then from then forward just use jQuery instead of $()

$.noConflict();    

jQuery(document).ready(function() {
  alert("WTF!!!!!");
});

You could also set jQuery to a variable if you want, so its a bit shorter to type on all your calls later.

 var jq = jQuery;
 jq(document).ready(function() {
  alert("WTF!!!!!");

  jq('input').val( '...' );
});

Read more about noConflict on http://api.jquery.com/jQuery.noConflict/