Jak rozchodit JQuery v Nette

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
před 8 lety
Piticu
Člen | 93
+
0
-

Ahoj vsem,

Snazim rozchodit jQuery v Nette, ale porad mi to nejde a nevim co delam spatne.

Mam v souboru **@layout.latte **

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

Tak jsem jQuery stahnul, vlozil jsem scripty a porad nic.

Tohle je muj kod vlozeni v HomePage:default (resp. Homepage/default.latte)

{block title}
    <script type="text/javascript">
        $( "#datepicker" ).datepicker({
            inline: true
        });

    </script>
{/block}
{block content}

        <div class="col-sm-8 blog-main">
            <h2 class="demoHeaders">Datepicker</h2>
            <div id="datepicker"></div>
        </div><!-- /.blog-main -->

{/block}

Co delam spatne? Nebo co musim udelat aby mi to fungovalo?
Diky

P.S. Muj cil je vytvorit vyhledavac autocompletem z Databaze

Editoval Piticu (23. 12. 2016 1:04)

před 8 lety
kejlicz
Člen | 201
+
0
-

Ukaž ještě layout.

před 8 lety
Piticu
Člen | 93
+
0
- 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	{include title}
    <link rel="icon" href="{$basePath}/images/favicon.ico" type="image/x-icon">

    <!-- JQuery -->
    <script href="{$basePath}/js/jquery-3.1.1.js"></script>

	<!-- Bootstrap -->
	<link href="{$basePath}/css/bootstrap.min.css" rel="stylesheet">
    <link rel=”stylesheet” id=”font-awesome-css” href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” type=”text/css” media=”screen”>

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="{$basePath}/css/style.css">
</head>
<body>
..........
..........
{block scripts}
	<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
	<script src="https://nette.github.io/resources/js/netteForms.min.js"></script>
	<script src="{$basePath}/js/main.js"></script>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->

	{/block}
</body>

V tom body mam akorat jeste nejaky obsah

Editoval Piticu (23. 12. 2016 1:33)

před 8 lety
uestla
Backer | 799
+
+2
-
  1. vždy se dívej do konzole v prohlížeči, jestli v ní nemáš chybu (F12 v Chrome / Firefox)
  2. datepicker aktivuješ ještě předtím, než je načteno jQuery
  3. datepicker plugin jako takový nikde nenačítáš
  4. jQuery zato zkoušíš načíst 3krát (u prvního pokusu máš ale místo src chybné href)

Doporučení:

  1. vyndat javascript z bloku title a dát ho do bloku scripts s voláním {include #parent}
  2. vybrat si jedinou verzi jQuery a tu načítat (také v bloku scripts)
  3. není-li to nutné, měj své javascripty vespod stránky