Avatar billede Jim Rasmussen Novice
12. marts 2016 - 19:52 Der er 6 kommentarer

Funktion vil ikke køre

Hej.
Den clock function i script sektionen, vil ikke sætte det nye css.
Men min alert bliver kørt?



            //Mobile site scripting section--->
            if ($(window).width() < 960) {
                alert('Skift til mobil');
                $("#main-Wrapper").css("display", "none");
            }
            else {
                alert('Skift tilbage');
                $(".mobile-site-wrapper").css("display", "none");
            }

            //$(".mobile-menu-box").css("height", "0");
            $(".mobile-menu-button").click(function () {
                alert("test");
                $(this).find(".mobile-menu-content").css("display", "none");
            });
        });
   
    </script>

    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">

    <!--Interface for the mobile version of this website-->
    <div class="mobile-site-wrapper">

        <div class="mobile-Top">
            <div class="mobile-top-logo">
                <a href="Default.aspx" class="logoLink"><img src="gfx/Logo.png" alt="logo" /></a>
            </div>
            <p class="mobile-top-info">Dette er den teks som kommer til at stå som info på den mobile version af siden.</p>
        </div>

        <div class="mobile-content">
            <ul>
                <li><p class="mobile-menu-button">Test</p></li>
                <li><p class="mobile-menu-button">Arrangementer</p>
                    <div class="mobile-menu-box"><p class="mobile-menu-Content">Her er noget indhold</p></div>
                </li>
                <li><p class="mobile-menu-button">Test</p></li>
            </ul>
        </div>

        <div class="mobile-bottom"></div>
    </div>
Avatar billede jakobdo Ekspert
12. marts 2016 - 20:02 #1
Jeg kan ikke se nogen sektion med id="main-Wrapper" ?

Og i stedet for: .css("display", "none");
Hvorfor bruger du så ikke hide(); og show(); ?
Avatar billede Jim Rasmussen Novice
12. marts 2016 - 21:22 #2
Det vil jeg gøre fremover :-) tak

Men "main-wrapper" har en sammenhæng længere nede.

kan simpelt hen ikke finde fejlen. Det er så snart jeg bruger .find() så finder den den ikke...
Avatar billede jakobdo Ekspert
12. marts 2016 - 21:44 #3
Ville du evt. have mulighed for at lave en jsfiddle, hvor man kan rode lidt med?
Pt skal man jo gætte, når du siger "den" og "det" er et andet sted. :o)
Avatar billede Jim Rasmussen Novice
12. marts 2016 - 23:08 #4
Jeg har aldrig brugt jsfiddle. sorry... :-)

Men jeg er næsten sikker på at det er denne del af koden fejlen ligger i??? Men hvad? :-O

            //$(".mobile-menu-box").css("height", "0");
            $(".mobile-menu-button").click(function () {
                var box = $(".mobile-menu-box");
                $(".mobile-menu-button").find(box).hide();
            });
Avatar billede jakobdo Ekspert
13. marts 2016 - 08:31 #5
Når sådanne ting driller for mig, så arbejder jeg altid i Chrome + Console.
Så kan jeg lege med koden direkte.
Først, så kan jeg fyre:
var box = $(".mobile-menu-box");

Og se om box rent faktisk er hvad jeg forventer.
Når det så er gjort, så kunne du teste:
$(".mobile-menu-button").find(box);
Giver det noget resultat osv..
Har du en side jeg kan se online?
Ville være lidt nemmere.
Avatar billede jakobdo Ekspert
13. marts 2016 - 10:46 #6
Er det ikke bedre at bruge:
$(".mobile-menu-button").find(".mobile-menu-box").hide();
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