Avatar billede tinaw25 Nybegynder
28. oktober 2015 - 12:22 Der er 5 kommentarer og
1 løsning

Hvordan kalder man jQuery fra et view i MVC5

Hejsa

Jeg vil gerne indsætte et slideshow i mit view, men jeg kan ikke få siden til at kalde mit jQuery hvad er det jeg gør forkert.

Jeg har gjort sådan her i den der hedder _Layout.cshtml for at få det i head section :
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Slideshow/elastislide.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Slideshow/custom.css")" />
    <script src="@Url.Content("~/Scripts/modernizr.custom.17475.js")"></script>
    @if (IsSectionDefined("MyOtherJavascript"))
    {
        @RenderSection("MyOtherJavascript");
    }

I mit view ser koden sådan her ud :

@section MyOtherJavascript {
    <script type="text/javascript">
     
    </script>   
}



<!-- Elastislide Carousel -->
<ul id="carousel" class="elastislide-list">
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
</ul>
<!-- End Elastislide Carousel -->


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquerypp.custom.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.elastislide.js"></script>


<script type="text/javascript">
        $('#carousel').elastislide();
</script>

Jeg kan simpelthen ikke gennemskue hvad det er jeg gør forkert her, håber nogle kan hjælpe.
Avatar billede keysersoze Guru
28. oktober 2015 - 22:04 #1
Hvad melder din console af fejl?
Avatar billede tinaw25 Nybegynder
28. oktober 2015 - 22:13 #2
Der er ingen fejl, den åbner op men viser intet på min side. Men når jeg viser min kildetekst så kan jeg se min kode
Avatar billede keysersoze Guru
28. oktober 2015 - 22:23 #3
Hvad hvis du kalder $('#carousel').elastislide(); i console?
Avatar billede tinaw25 Nybegynder
28. oktober 2015 - 22:30 #4
Jeg fandt løsningen, man skulle åbenbart skrive Jquery.( document ).ready(function() {
  // Handler for .ready() called.
});
Avatar billede tinaw25 Nybegynder
28. oktober 2015 - 22:32 #5
Denne her faktisk
<script>
      jQuery(document).ready(function($) {
            $('#carousel').elastislide();   
      });
</script>
Avatar billede keysersoze Guru
28. oktober 2015 - 22:32 #6
hvis din js kører før elementerne er til stede vil koden ikke virker men heller ikke fejle - så ja, document ready vil løse det og bør som udgangspunkt altid benyttes.

og skal det være pænt bør du ikke blande både Jquery og $.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester