» Poradna » Web a internet

Jquery - dotaz

 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

Zkouším programovat s Jquery a narazil jsem na problém hned na začátku Na ploše mám složku s projektemve složce je html soubor s názvem "index" a složka s názvem "js",ve složce "js" mám staženou knihovnu Jquery.Název souboru s knihovnou jsem nechal jenom "jquery".Následuje kód, který jsem napsal - má sloužit jenom k ověření, že Jquery funguje.<!DOCTYPE HTML><html> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/boots... " integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <title>DPP</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <script type="text/javascript" src="js/jquery.js"></script> <p onclick="$(’#tady’).text(’ano ano funguje’);">Klikni</p> <p id="tady"></p> </body></html>Po kliknutí na slovo "tady" by se mělo ukázat "ano ano funguje",nestane se, ale nic...Kde mám chybu?Děkuju

Odpovědi na otázku

 |   |  Linux Chrome 59.0.3071.115

Možná je chyba zde:Zkus zdroj napsat takto: src="/js/jquery.js"

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

nemas tam spravne uzavrene tagy (link, meta)trochu jinak, ale toto funguje (uprav si cestu k jquery)---<html><head><title>DPP</title><script src="js/jquery-3.3.1.js"></script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head><body><p id="clickP">Klikni</p><p id="tady"></p><script>$( "#clickP" ).click(function() { $( "#tady" ).text("ano ano funguje");});</script></body></html>---

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

nevim proc, ale cetl jsem misto html, xhtml. Tak ty tagy nemusis mit ukoncene. Bude to validni i tak.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

Zkontroluj, ze mas spravne cesty k jquery souboru. Pises ze se soubor jmenuje "jquery" ale v kodu mas "jquery.js". Pak mrkni do konsole, napr v chromu (inspect: ctrl+shift+i) a koukni jestli tam nemas nejake errory/warningy

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android Chrome 66.0

to bys musel mít onclick na tom správném divu

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

Ktery je ten spravny div? Me prijde ze to ma spravne, akorat mu tam hapruje linkovani jquery...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

Moc děkuju za rady, vyzkouším

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 63.0

Stiskni v prohlížeči F12 a podívej se do konzole, jestli tam není nějaká chyba a do záložky Síť, jestli to správně načetlo soubor s jquery. Rovněž se tam doporučuji rozhlédnout trochu více, protože to je nástroj č.1 pokud to s webem myslíš vážně :)

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 69.0.3497.100

Proc se vubec v dnesni dobe JQuery zaobirat?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 69.0.3497.81

A co jiného doporučuješ?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 63.0

Je pravda, že pokud se má jednat o nějakou dynamickou část stránky, tak JQuery už dnes asi není zrovna nejelegantnější řešení. S tím, jak se zdokonalují prohlížeče a zvyšuje se tak podpora ECMA standardů se už nějakou dobu používají frameworky jako Angular, React, nebo Vue, které jsou určitě přehlednější a obecně se s nimi lépe pracuje než s JQuery. Pro začátečníka se dá asi například doporučit právě Vue, které se dá jednodušše nasadit na jakoukoliv stránku a má naprosto minimální boilerplate.

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 10 Chrome 69.0.3497.100

Začátečníkovi bych to fakt nedoporučil. A navíc jQuery považuji za základ, protože občas je fakt potřeba k nějaké malé blbosti A navíc většina projektů vznikala v době jQuery a kdo to myslí s vývojem měl by ji alespoň nějak ovládat

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 68.0.3440.106

Ano JQuery je dobre trochu umet, ale jak radil kolega v dnesni dobe, kdy existuji frameworky muze byt prechod na ne snadnejsi, kdyz bude umet spravnou praci s DOM a ES6.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 64.0

Ono to není zase tak jednoduché. Jquery a "ES6 frameworky" vyžadují naprosto odlišný mindset. Pokud se nyní bude učit JQuery, tak se také může lehce stát, že to využije jen pokud se bude hrabat v nějakém starším projektu protože na moderní věci z toho nevyužije prakticky vůbec nic. Navíc pro mnoho lidí je přechod z JQuery problematický a snaží se ty naučené principy násilně rvát všude a pak třeba vznikne react aplikace plná přímé manipulace s DOM a jiné prasárny. Tady si myslím, že pokud se naučí nejdřív ES6 a až pak JQuery, tak je tam menší potenciál nadělat nějakou škodu.Z profesního hlediska je samozřejmě potřeba znát obojí.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: ANO ANO, Head


Určitě si přečtěte

Google dosáhl revolučního milníku v kvantové nadvládě. IBM ale nesouhlasí

Google dosáhl revolučního milníku v kvantové nadvládě. IBM ale nesouhlasí

** Google představil nový kvantový čip s 53 qubity ** Oznámil, že díky němu lidstvo poprvé dosáhlo kvantové nadvlády ** IBM toto tvrzení zlehčuje

Karel Javůrek | 15

Šmírování kamerami Googlu: Koukněte, co šíleného se objevilo na Street View

Šmírování kamerami Googlu: Koukněte, co šíleného se objevilo na Street View

Google stále fotí celý svět do své služby Street View. A novodobou zábavou je hledat v mapách Googlu vtipné záběry. Podívejte se na výběr nejlepších!

redakce | 6

Jak funguje kontroverzní program, který ženám krade plavky. Mají se čeho bát?

Jak funguje kontroverzní program, který ženám krade plavky. Mají se čeho bát?

** Strojové učení ještě nepřitáhlo takový zájem jako na začátku prázdnin ** Ne, umělá inteligence nenašla lék na rakovinu ** Naučila se svlékat ženy nejen z plavek

Jakub Čížek | 35

Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

** Tipy na klávesnice, myši, routery, tiskárny, sluchátka a další věci k počítačům ** Poradíme, s jakými produkty neuděláte chybu ** Vybíráme jak příslušenství na běžnou práci, tak na hraní her

David Polesný | 20

Zorin OS 15: Vyzkoušejte další hezký a nenáročný linux pro mamku a taťku

Zorin OS 15: Vyzkoušejte další hezký a nenáročný linux pro mamku a taťku

** Ačkoliv je grafických linuxů plný internet, stále vládnou Windows ** Jeden z nich se jmenuje Zorin OS a nedávno se dočkal aktualizace ** Dělají jej dva kluci z Irska a je fakt hezký

Jakub Čížek | 116

13 praktických tipů a triků pro Mapy.cz, které možná neznáte

13 praktických tipů a triků pro Mapy.cz, které možná neznáte

** Mapy.cz neslouží jen k zobrazení podkladů a plánování tras ** Nabízejí celou řadu dalších praktických funkcí a možností ** Vybrali jsme třináct tipů a triků, o kterých možná nevíte

Karel Kilián | 36


Aktuální číslo časopisu Computer

Megatest: 20 powerbank s USB-C

Test: mobily do 3 500 Kč

Radíme s výběrem routeru

Tipy na nejlepší vánoční dárky