Script with jquery

Question

i have this code and it worke five minutes ago , when i restart my app it does not work , i don't know whyyyyyy :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).click(function () { 


            var div = $('.idbody');
            div.animate({ top: '20%' }, "slow"); 
            });

    </script>

<div class="idbody">
.............My html code ............
</div>

thank you

no error i just doesn't work :'( – mitsu Feb 18 '14 at 11:49 — mitsu, Feb 18 '14 at 11:49
do you have any error in your browser's console? – Jai Feb 18 '14 at 11:53 — Jai, Feb 18 '14 at 11:53
@Jai no ..i have no error .... – mitsu Feb 18 '14 at 11:54 — mitsu, Feb 18 '14 at 11:54
@Meryem which is your browswer would you tell us? – Jai Feb 18 '14 at 11:55 — Jai, Feb 18 '14 at 11:55
Google chrome and i cleared cache – mitsu Feb 18 '14 at 12:05 — mitsu, Feb 18 '14 at 12:05

RealDeepak · Accepted Answer · 2014-02-18T12:13:03.587

4

Try this:

HTML Code:

<div class="idbody">.............My html code ............</div>

CSS Code:

.idbody
        {
            background: url(images/fondbodyrepeatos.png) repeat;
            width: 400px;
            height: 250px;
            position: absolute;
            top: -50%;
            left: 32%;
            box-shadow: 1px 1px 35px #014668;
            border-radius: 10px;
            padding-left: 5%;
        }

Jquery Code:

$(document).ready(function () {
    $(document).click(function () {
        var div = $('.idbody');
        $('div').animate({
            top: '+=20%'
            }, 'slow', function() {
            // Animation complete.
        });
    });
});

DEMO

edited Feb 18 '14 at 12:13

answered Feb 18 '14 at 11:58

RealDeepak

823
6
9

You need to place the position for that div.nice job deepak – Realdheeraj Feb 18 '14 at 12:07
See the demo dear: http://jsfiddle.net/realdeepak/LSk2S/1/ – RealDeepak Feb 18 '14 at 12:10
i saw many demo and when i try to do it with the same code , it doesn't work too – mitsu Feb 18 '14 at 12:12
@Meryem, check my code in this link, http://jsfiddle.net/realdeepak/LSk2S/2/ – RealDeepak Feb 18 '14 at 12:13
My fiddle link is working. If you are unable to check it then share your code on jsfiddle. – RealDeepak Feb 18 '14 at 12:18
it dosn't work in my app , but when i open a new project for test it work – mitsu Feb 18 '14 at 12:23
ITTT WOOOORK .....with your code and i added this files : – mitsu Feb 18 '14 at 12:30

score 0 · Answer 2 · answered Feb 18 '14 at 11:51

0

It probably because of the problem with your internet connection. Try download the jquery file and keep it locally. save this file jquery

answered Feb 18 '14 at 11:51

Anoop Joshi P

25,373
8
32
53

what jquery file and how can i keep it locally .thank you – mitsu Feb 18 '14 at 11:53

score 0 · Answer 3 · answered Feb 18 '14 at 12:30

0

ITTT WOOOORK .....with your code and i added this files :

<script src="Script/jquery-1.10.2.js" type="text/javascript"></script>
<script src="Script/_jquery-2.0.2.js" type="text/javascript"></script>

answered Feb 18 '14 at 12:30

mitsu

429
2
10
23

Script with jquery

3 Answers3