Does it work if you put your jquery library at the top? (In the
<head>)
On Aug 25, 12:31 pm, Greg <greg.heid...@gmail.com> wrote:
> 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.
