[jQuery] Event Not Triggering On External JS Files
I built a small JavaScript file that does some HTML and CSS
manipulation when you hover over any tag with a certain class. It
works great when running on the same server, but if I try to use the
JS as an external script, the hover event isn't triggering.
Here is my external JS file code:
$(document).ready(function() {
alert('i work inside');
$(".start").hover(
function (e) {
$(".button").css( { 'display':'none', 'position':'relative',
'left':'150px', 'top':'-10' } );
$(".button").fadeIn(500);
},
function (e) {
$(".button").remove();
});
});
alert('i work outside');
Here is my include code on the HTML page:
<div>
<span class="start"><button>Yes</button></span>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://mydomain.com/js/
button.js"></script>
When I hover over that span, it does not trigger the code in
"button.js", Any ideas?
Thanks in advance.