Black friday Black friday
Aprílový black friday tě nenechá v klidu! Až 80 % prémiového obsahu zdarma. Více informací
Pouze tento týden slevy až 80 % na programování v Javě

Diskuze: Jquery podpora IE

JavaScript JavaScript Jquery podpora IE American English version English version

Aktivity (1)
Avatar
Jan Jedlička:7. března 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. března 7:28
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7. března 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. března 7:33
 
Nahoru Odpovědět 7. března 7:32
Avatar
Odpovídá na Peter Mlich
Jan Jedlička:7. března 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. března 7:44
Avatar
Ilja Židkov
Člen
Avatar
Odpovídá na Jan Jedlička
Ilja Židkov:7. března 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. března 10:01
Avatar
Peter Mlich
Člen
Avatar
Odpovídá na Jan Jedlička
Peter Mlich:7. března 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  +1 7. března 12:03
Avatar
Odpovídá na Peter Mlich
Jan Jedlička:7. března 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. března 17:33
Avatar
Jan Jedlička:7. března 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. března 18:23
Avatar
jozef_i
Člen
Avatar
Odpovídá na Jan Jedlička
jozef_i:8. března 5:43

Nemala by byť tá click() funkcia uložená do $(document).re­ady(function()
{ $('.menu-icon').click(fun­ction() { .... }})

 
Nahoru Odpovědět 8. března 5:43
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:8. března 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  +1 8. března 8:08
Avatar
Peter Mlich
Člen
Avatar
Odpovídá na jozef_i
Peter Mlich:8. března 8:08

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

 
Nahoru Odpovědět 8. března 8:08
Avatar
Odpovídá na Peter Mlich
Jan Jedlička:8. března 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. března 8:34
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.