Hi, I am using Django. In the view I have a QuerySet that I pass to the template. The QuerySet-items are used as items of a dropdown menu (of the Materialize-Framework). It works when I test locally, but when I pull the code to Pythonanywhere, the dropdown doesn't open. The code looks like this:
views.py
def bicycle_list(request):
manufacturers = Bicycle.objects.values_list('handlebar', flat=True).distinct()
return render(request, 'shop/bicycle_list.html', {'manufacturers': manufacturers})
bicycle_list.html
....
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('.dropdown-trigger').dropdown();
});
</script>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel ="stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
.....
<ul id='dropdown1' class='dropdown-content'
{% for manufacturer in manufacturers %}
<li><a href="#!">{{ manufacturer }}</a></li>
{% endfor %}
</ul>
....
</body>
Is there any idea what might be the problem?
glenn
|
9498
posts
|
PythonAnywhere staff
|
