Works in jsfiddle but it wont work in dreamweaver

Question

I have read that I have to put back in the event handler for it to work in dreamweaver from JS Fiddle, I have put it back in and I it still wont work? Here is the Demo: http://jsfiddle.net/EfLJJ/6/

Here is my JS Code:

$(document).ready(function() {
$(".list .fs1").bind({
    mouseenter:function(){
        $(".sublist").show();
    },
    mouseleave: function(){
        $(".sublist").hide();
    }
    });
});

I am not sure I don't code in jQuery, this answer was given too me as part of a question on here. How can I check what version I am running? — fudgematico, Jan 19 '14 at 20:58
On the browser check the page code, or open the console. Or look in your script if you have this: `` otherwise add it — Sergio, Jan 19 '14 at 21:03

Sergio · Answer 1 · 2014-01-19T21:16:43.777

1

Add the jQuery library to your script.

Put this code inside the <head> tags of your page:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

edited Jan 19 '14 at 21:16

answered Jan 19 '14 at 21:06

Sergio

28,539
11
85
132

I have put the script in the meta tags is this right? If this is right it still doesn't work? content="text/html; charset=utf-8" http-equiv="Content-Type" /> Transition Box – fudgematico Jan 19 '14 at 21:15
@fudgematico sorry, I am tired! I meant inside the __head__ tags: ` `` – Sergio Jan 19 '14 at 21:17

score 0 · Answer 2 · answered Jan 19 '14 at 21:08

0

In your html code inside head put this line of code in order to include the jQuery library:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

Otherwise will not be able to use it.

In jsfiddle this works in a different way.

answered Jan 19 '14 at 21:08

Anastasios Vlasopoulos

1,792
22
34

This still doesn't work I have added the follow: The "Transitionbox.js" uses the same code that I posted at the top. – fudgematico Jan 19 '14 at 21:57

score 0 · Answer 3 · edited May 23 '17 at 12:03

0

Also, if you're using jQuery version 1.7 and above, I'd recommend you switch from using ".bind()" to ".on()" for as ".on()" is the preferred method according to the jquery website. Check out the difference between ".bind()", ".on()" and ".live()" for more info here, What's the difference between `on` and `live` or `bind`?

edited May 23 '17 at 12:03

Community

1
1

answered Jan 19 '14 at 21:44

EmileKumfa

414
3
6

That doesn't work either? Any suggestions? This code is sat below my CSS code and is in the ? – fudgematico Jan 19 '14 at 22:29

fudgematico · Accepted Answer · 2014-01-26T16:17:38.230

0

Problem solved! To get it running in Dreamweaver you have to use the Javascript Script Tags

Javascript:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        /* Your Code Here */
    </script>

edited Jan 26 '14 at 16:17

answered Jan 26 '14 at 16:12

fudgematico

41
6

Works in jsfiddle but it wont work in dreamweaver

4 Answers4