useing jQuery into MVC3 View

Question

0.00/5 (No votes)

See more:

hi every body.
I have a problem . I will to create a photo gallery.for this I use jQuery Cycle Plugin.I download it jQuery form this
and add it to my .js files into Scripts folder.
this is my View in razor:

CSHTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="@Url.Content("~/Content/ftdLightBlue/styless.css")" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.cycle.all.js")" />
    <script type="text/javascript">
        $(function () {

            $('#pics').cycle({ fx: 'scrollDown',
                speed: 300, timeout: 2000
            });

        });
    </script>
</head>
<body>
    <div class="pics">
        <img alt="" src="/Content/Chapm.jpg" />
        <img src="/Content/e9wxteygkihq25wgvsi.jpg" alt="Champions of Europe" />
        <img src="/Content/1200.jpg" alt="Champions of Europe" />
    </div>
</body>
</html>

But when I run app I see this view it just show images. why this function not working?
thanks.
OK.
you can see JQuery here:http://malsup.github.io/jquery.cycle.all.js[^]

Posted 22-Apr-13 10:07am

abbaspirmoradi

Updated 22-Apr-13 18:33pm

v4

Add a Solution

Comments

db7uk 22-Apr-13 16:43pm

what is firebug telling you?

StianSandberg 22-Apr-13 17:00pm

You did not include jquery?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mohit_Rudra · Accepted Answer · 2013-04-29T00:44:00

Solution 1

your div has class with name pics but you are trying to access it by id you need to change it as:-

$('.pics').cycle({ fx: 'scrollDown',
speed: 300, timeout: 2000
});

Posted 29-Apr-13 0:44am

Mohit_Rudra

Comments

♥…ЯҠ…♥ 29-Apr-13 6:50am

It might work.... nice finding.

abbaspirmoradi 30-Apr-13 15:55pm

thank you so much