Reputation: 71
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 -_-
Upvotes: 1
Views: 86
Reputation: 5381
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/
Upvotes: 2
Reputation: 74738
try this if this solves:
$(document).ready(function() {
$.noConflict();
alert("WTF!!!!!");
});
your can find documentation here: http://api.jquery.com/jQuery.noConflict/
Upvotes: 1