Diskuze: Jquery podpora IE

Jan Jedlička

Člen

Jan Jedlička:7.3.2019 7:28

Ahoj lidi, omlouvam se, jestli se to tu uz resilo. Potreboval bych poradit s podporou jquery v IE. Mam webovou stranku a v hlavicce odkaz na jquery cdn s novejsi verzi. Dole v tele webu mam jednoduchy script (klikni na: xx a prepis tridu na:xx. ). Na chrome, opere a mozille to jde v poradku, ale IE mi to nerozchodi. Kde muzu mit chybu? Setkal se s tim nekdo? Diky za jakoukoliv radu

Zkusil jsem: Pouziti starsi verze jquery

Chci docílit: Funkcnosti na prohlizeci IE

Odpovědět

7.3.2019 7:28

Peter Mlich

Člen

Peter Mlich:7.3.2019 7:32

Ted ten text precti sve mamce a pozorne sleduj, na co se te zepta, co ji tam schazi. Pokud to nepochopi ani ona, my nemame sanci
Mozna by ledaco objasnili odkazy na stranky s tvymi pokusy. Jednoduche stranky, testovaci. Bez vsech tech serepeticek kolem, ktere mozna nabouravaji funkcni kod.

Ps. Muzes si vybrat sestru, nebo kohokoliv zenskeho pohlavi ci naprosto cizi osobu, ktera te nezne, nevi, co umis, jak to umis...

Editováno 7.3.2019 7:33

Nahoru Odpovědět

7.3.2019 7:32

Jan Jedlička

Člen

Jan Jedlička:7.3.2019 7:44

Ja vim ze hodit sem kod nejlepsi, ale ted nejsem na pocitaci. Vecer to sem ale hodim. Jde mi jen o to, jestli nekdo uz resil nefunkcnost jquery scriptu na prohlizeci IE. V chrome mi vse funguje, ale v IE ne. Vecer to sem hodim

Nahoru Odpovědět

7.3.2019 7:44

Ilja Židkov

Člen

Ilja Židkov:7.3.2019 10:01

Dole v tele webu mam jednoduchy script (klikni na: xx a prepis tridu na:xx. )...

Snad nechceš používat junkQuery jen kvůli tomu? Dnešní JavaScript je více než dost.

Nahoru Odpovědět

7.3.2019 10:01

Peter Mlich

Člen

Peter Mlich:7.3.2019 12:03

Njn, ale z toho, co popisujes neni vubec jasne, co mas za problem.
Jquery obvykle funguje cross-browser, i na IE. Takze, zalezi na tom, jak vypada kod, co tam vyvadis, jakou verzi jquery k tomu pouzivas, v jake verzi IE ti to nejede. A zkousel jsi edge?
Totiz, nevim, zda sledujes deni, ale vetsina prohlizecu prechazi na jadro chrome. To by mohlo znamenat, ze, co jede v chrome, pojede vsude.

Nahoru Odpovědět

7.3.2019 12:03

Jan Jedlička

Člen

Jan Jedlička:7.3.2019 17:33

tak tohle je ten kod

<!DOCTYPE html>
<html>
<head>
        <title></title>
        <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/main.css" type="text/css">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
        <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Clicker+Script" rel="stylesheet">

        <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>

<body>
        <div class="container">

                <!------------- top lišta ------------->

                <div id="top">
                        <a href="#"><i class="fab fa-facebook"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-pinterest"></i></a>
                        <div class="menu-icon">
                                <i></i>
                                <i></i>
                                <i></i>
                        </div>
                </div>

                <!------------- logo ------------->

                <div id="logo">
                        <img src="image/Simkalogo.png">
                </div>

                <!------------- navigace ------------->

                <div class="nav-wrapper">
                        <ul>
                                <li><a href="#">about</a></li>
                                <li><a href="#">skill</a></li>
                                <li><a href="#">skill</a></li>
                                <li><a href="#">product</a></li>
                                <li><a href="#">gallery</a></li>

                        </ul>
                </div>



                <!---------- nadpis ------------->

                <div id="nadpis">
                                <img src="image/bg-top.jpg">
                                <h1>simka decoration</h1>
                </div>
                <div id="about">
                        <h1>about</h1>
                        <p>Nejznámějším slepým textem je Lorem Ipsum (o jeho významu a původu se víc dočtete na Wikipedii). Používá se jako slepý text (blind text), resp. dummy text, resp. mock-up, tj. jako text bez významu, který ve webařině můžeme použít při návrhu webu. Je to text, který je snadno po ruce, poslouží nám jako cvičný obsah webu, a my se můžeme soustředit např. na tvorbu designu.

Pokud vám nestačí původní historický text, který najdete na Wikipedii, využijete některého z mnoha generátorů. A že je z čeho vybírat, na internetu jich najdete desítky, možná dokonce stovky. Představíme vám jich jen několik, ty zbylé jsou zpravidla jen lehce upravenou variantou předchozích.</p>
                </div>
                <div id="skill">
                        <h1>skill</h1>
                        <div class="boxes">
                                <div class="box">
                                        <div class="front">
                                                <img src="image/1.jpg">
                                                <h2>květiny</h2>
                                                <div class="back">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis nostrum commodi maxime voluptatibus, alias. Aut ut fuga optio molestias minus ea, officia sed ab vitae nam atque, laudantium nostrum, possimus.</p>
                                                </div>
                                        </div>
                                </div>
                                <div class="box2">
                                        <div class="front">
                                                <img src="image/2.jpg">
                                                <h2>květiny</h2>
                                                <div class="back">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis nostrum commodi maxime voluptatibus, alias. Aut ut fuga optio molestias minus ea, officia sed ab vitae nam atque, laudantium nostrum, possimus.</p>
                                                </div>
                                        </div>
                                </div>
                                <div class="box3">
                                        <div class="front">
                                                <img src="image/3.jpg">
                                                <h2>květiny</h2>
                                                <div class="back">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis nostrum commodi maxime voluptatibus, alias. Aut ut fuga optio molestias minus ea, officia sed ab vitae nam atque, laudantium nostrum, possimus.</p>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
                <div class="ramovani">
                        <h1>toto je text do rámečku</h1>
                </div>
        </div>
        <script>
$('.menu-icon').click(function(){
  $('.nav-wrapper').toggleClass('nav-visible')
})
</script>
</body>
</html>

Nahoru Odpovědět

7.3.2019 17:33

Jan Jedlička

Člen

Jan Jedlička:7.3.2019 18:23

jinak jsem to zkousel hodit na server a vse funguje v pohode, ale kdyz to otevru ze slozky tak ne

Nahoru Odpovědět

7.3.2019 18:23

jozef_i

Člen

jozef_i:8.3.2019 5:43

Nemala by byť tá click() funkcia uložená do $(document).ready(function()
{ $('.menu-icon').click(function() { .... }})

Nahoru Odpovědět

8.3.2019 5:43

Peter Mlich

Člen

Peter Mlich:8.3.2019 8:08

"jinak jsem to zkousel hodit na server a vse funguje v pohode, ale kdyz to otevru ze slozky tak ne"
A jsme asi doma. Kdyz to oteviras pres file:/// protokol i IE, tak ma ve zvyku vypinat js a zada na to extra povoleni. Mozna uz to ani neoznamuje. Zkus si nainstalovat nejaky server a spoustet to pres http://localhost/…/stranka.htm. Ja pouzivam xamp.
Cili, kdyz to funguje na serveru i v IE, tak se tim nenech znervoznit.

https://www.jakpsatweb.cz/…y/index.html
Text uplne dole, je to forma zabezpeceni.
https://www.enable-javascript.com/

Existuje coment tag, ktery umi tento problem ignorovat ve starych prohlizecich. Ale spatne se to googluje. A kdo vi, co za problemy muze zpusobit.

<!-- saved from url=(0014)about:internet -->
<!-- saved from url=(0016)http://localhost -->

https://docs.microsoft.com/…7628(v=vs.85)

Nahoru Odpovědět

8.3.2019 8:08

Peter Mlich

Člen

Peter Mlich:8.3.2019 8:08

Nn, script na konci stranky by s tim nemel mit problem.

Nahoru Odpovědět

8.3.2019 8:08

Jan Jedlička

Člen

Jan Jedlička:8.3.2019 8:34

Aha, me to nehlasilo nic. Rikal jsem si, ze je neco spatne v kodu. Ted uz vim, ze to budu resit uplne jinak. Diky za trpelivost

Nahoru Odpovědět

8.3.2019 8:34