Adding jquery ui css

Nesting script inside jquery function call
This commit is contained in:
Vivek Santayana 2023-02-03 16:26:31 +00:00
parent 438e09f1ec
commit 02a1129390

View File

@ -1,6 +1,10 @@
{% extends "quiz/components/base.html" %} {% extends "quiz/components/base.html" %}
{% import "bootstrap/wtf.html" as wtf %} {% import "bootstrap/wtf.html" as wtf %}
{% block style %}
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
{% endblock %}
{% block content %} {% block content %}
<div class="form-container"> <div class="form-container">
<form name="form-quiz-start" class="form-quiz-start"> <form name="form-quiz-start" class="form-quiz-start">
@ -46,9 +50,11 @@
{% endblock %} {% endblock %}
{% block script %} {% block script %}
<script> <script>
$( function() {
const clubs = {{ clubs|tojson }} const clubs = {{ clubs|tojson }}
$('#club').autocomplete({ $('#club').autocomplete({
source: clubs source: clubs
}) })
} )
</script> </script>
{% endblock %} {% endblock %}