Avatar billede mikkel251 Seniormester
06. juli 2016 - 18:19 Der er 19 kommentarer og
2 løsninger

flexslider vil ikke vises

Hej Eksperter :D

nu har jeg siddet med den her flexslider hele dagen og jeg fatter den ikke, hvis jeg laver et helt nyt projekt så har jeg ingen problemer med at få flexslider til at virke, men i mit nuværende projekt, der for jeg kun en grå border og thats it, selvom jeg tager den fra det nye projekt jeg har lavet som egentlig kun er for at have slideren..
hvad er det jeg ikke ser??

alle mine links i header på master siden og default linksene er min egen styling.

    <%-- bootstrap --%>
    <script src="js/bootstrap.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet" />

    <%-- lightbox --%>
    <link href="Js/jQueryUI/jquery-ui.min.css" type="text/css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="Js/jQueryEffect.js"></script>
    <link href="Lightbox/lightbox.css" rel="stylesheet" />
    <script src="Lightbox/lightbox.min.js"></script>


    <link href="font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet" />

    <%-- FlexSlider --%>
    <script src="flexslider/jquery.flexslider.js"></script>
    <link href="flexslider/flexslider.css" rel="stylesheet" />
    <script src="flexslider/jquery.flexslider-min.js"></script>

    <%-- Default css --%>
    <link href="css/deault-css.css" rel="stylesheet" />

HTML:
            <%-- Slider --%>
                <!-- Place somewhere in the <body> of your page -->
                <div class="flexslider">
                    <ul class="slides">
                        <asp:Literal
                            ID="litSlider"
                            runat="server" />
                    </ul>
                </div>
   

    <script>
        // Can also be used with $(document).ready()
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide"
            });
        });
    </script>


codebehind:
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default2 : System.Web.UI.Page
{    vareFac objVare = new vareFac();
    sliderFac objSlider = new sliderFac();
    protected void Page_Load(object sender, EventArgs e)
    {
        //SLIDER
        DataTable dtSlider = objSlider.SliderImg();
        foreach (DataRow drSlider in dtSlider.Rows)
        {
            litSlider.Text += "<li>";
            litSlider.Text += "<img src='slider/0db1ab99-d55d-4e63-9899-b46a40978bbbtest2.png'/>";
            litSlider.Text += "</li>";
        }
    }
}

jeg har også prøvet med at hente navnet til billede i databasen det er samme resultat, jeg ved ikke lige hvad det er jeg ikke ser...
tak for i gider kikke på det
Avatar billede keysersoze Guru
07. juli 2016 - 09:43 #1
Har du mulighed for at komme med et link - det gør det betydeligt lettere at fejlsøge.
Avatar billede mikkel251 Seniormester
07. juli 2016 - 10:03 #2
jeg har den kun på local host lige nu, det er en skole opgave jeg er ved at gøre klar til eksamen :D så jeg har kun mulighed for at vise koden herinde. :D
Avatar billede keysersoze Guru
07. juli 2016 - 10:15 #3
Prøv at tag et kig i din developer toolbar og se om du fx får en javascript-fejl eller om nogle filer ikke loades korrekt.
Avatar billede mikkel251 Seniormester
07. juli 2016 - 10:40 #4
jeg får de her fejl


bootstrap.js:8 Uncaught Error: Bootstrap's JavaScript requires jQuery
jQueryEffect.js:4 Uncaught TypeError: $(...).flexslider is not a function
morris.min.js:6 Uncaught Error: Graph container element not found
Default2.aspx:206 Uncaught TypeError: $(...).flexslider is not a function
http://localhost:62735/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)
Avatar billede keysersoze Guru
07. juli 2016 - 10:58 #5
Så har du i hvert fald masser at arbejde videre med - jquery skal nok loades før bootstrap og du behøver næppe at inkludere både en normal og en min version af flexslider.
Avatar billede mikkel251 Seniormester
07. juli 2016 - 19:45 #6
jeg prøver det lige og ser om det virker med hvad der skal loades før bootstrap osv.. ellers vender jeg lige tilbage
Avatar billede mikkel251 Seniormester
07. juli 2016 - 21:00 #7
nu har jeg lagt siden online for jeg kan ikke se problemet nogen steder og javascript /jQuery er ikke min skarpe side...
det er den store firkantet kasse på forsiden du kan ikke undgå at se den :D

http://www.mikkel-pohjola.dk/
Avatar billede mikkel251 Seniormester
07. juli 2016 - 21:17 #8
jeg fik lige rettet css på forsiden så nu er det ikke en stor kasse men en grå streg der er problemet :D, men stadig flexslider, og det er lidt underligt for jeg har lavet et projekt som kun er selve slideren og det virker og så har jeg gjort det samme på den her side men så vil den ingenting og jeg kan ikke finde fejlen :D
Avatar billede keysersoze Guru
07. juli 2016 - 22:38 #9
Du er nødt til at have den rigtige rækkefølge på dine scripts - når bootstrap er afhængig af jquery skal du sørge for at jquery bliver loadet først og du kan også få problemer når du loader flere versioner af jquery så medmindre du via kode selv håndterer flere version skal du kun have en reference til jquery. Din henvisning til modernizr fejler også. Jeg ville få én ting til at virke af gangen, start med modernizr, så jquery, så bootstrap og til sidst din slider.
Avatar billede mikkel251 Seniormester
08. juli 2016 - 11:28 #10
det vil jeg prøve, og hvis ikke jeg kan finde ud af det så skriver jeg lige igen :D
Avatar billede mikkel251 Seniormester
08. juli 2016 - 11:39 #11
jeg er lidt i tvivl om når man laver rækkefølgen på ens script som du siger er det så ikke den der er nederst i head der er først??
Avatar billede keysersoze Guru
08. juli 2016 - 11:52 #12
Nej - øverst er først.
Avatar billede mikkel251 Seniormester
08. juli 2016 - 12:54 #13
Så er det jeg gør galt, gælder det også reference til css  for vi har fået at vide at den nederste css er den der tæller altså hvis jeg bruger bootstrap og selv lave er et stylesheet så skal den ligge nederst for ellers kan man ikke om overskrive bootstrap's css
Avatar billede keysersoze Guru
08. juli 2016 - 13:51 #14
ja - den nederste css-reference vil overskrive dem, der ligger over (medmindre der benyttes !important).
Avatar billede mikkel251 Seniormester
08. juli 2016 - 20:41 #15
oki så ved jeg det, det er rart nok lige at vide hvordan de skal ligge :D
jeg blev lidt træt af de ikke ville virke så jeg startede et nyt website og startede med at få slideren til at virke, hvorefter jeg tog 1 ting af gangen fra det gamle website og fik det lagt over på det nye, nu virker det da og hvad jeg har gjort forkert i det gamle må guderne vide, jeg har prøvet med de referencer på alle mulige måde i det gamle website uden held, men det virker i det nye og det hjalp at vide hvad der skullle ligge først der, så tak for det :D
Du kan se resultatet her, jeg fik også min lightbox til at virke så det var fedt
:D

http://www.mikkel-pohjola.dk/Default.aspx
Avatar billede keysersoze Guru
10. juli 2016 - 12:16 #16
Du har stadig 4 referencer, der melder 404 samt 2 javascript-fejl?
Avatar billede mikkel251 Seniormester
10. juli 2016 - 16:03 #17
hmm
den må jeg lige kikke på lidt senere, men det skal jeg da have gjort noget ved, den virker ellers fint nok
Avatar billede keysersoze Guru
10. juli 2016 - 16:18 #18
Der er meget på web der kan virke uden at det nødvendigvis er korrekt <:)
Avatar billede mikkel251 Seniormester
10. juli 2016 - 16:21 #19
det snyder meget nogen gange :D og når man ikke så skarp i js så kan det virklig være lidt af en jungle at finde rundt i
Avatar billede keysersoze Guru
10. juli 2016 - 16:53 #20
Nu ved jeg selvfølgelig ikke hverken hvilken form for eller niveau af eksamen du skal op i, men JavaScript eller ej burde du, efter min mening, som minimum have filreferencer korrekte - og hvis det er bare et nogenlunde niveau også hverken have fejl i konsollen og ikke have dublet-referencer samt, uden på nogen måde at være ekspert, så kunne svare kort på hvad de enkelte referencer gør. Ellers er det bare et lucky punch at det virker nu og så kan hele korthuset ramle hvis du får behov for mere fremadrettet.
Avatar billede mikkel251 Seniormester
10. juli 2016 - 17:27 #21
jeg har kun haft 14 dage 3 uger i js på skolen ellers har det været html og css og ASP.NET webforms i 1 år og 6 mdr må det være ved at være nu.
Så mit niveau er ikke det højeste men jeg er da på vej derop af efterhånden :D men jeg må sige at noget af det er svært nok at lære, men igen hvis man har nogen gode folk til at hjælpe en når det bliver svært så bliver det også nemmere at forstå hvad der foregår i koderne :D og derved en smule nemmere at lære ( forhåbentlig :D )
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

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