Я работаю с Twitter начальной загрузки 4, используя jQuery 3.3.1 для выпадающего списка в панели навигации. Мне также нужно использовать другой jQuery для начальной загрузки с использованием jQuery 3.4.1
Я читал, чтоЭто должно быть возможно с помощью noConflict (), но для меня это пока не работает;мой раскрывающийся список не работает
Я немного растерялся и перепробовал много вещей, чтобы избежать множественных ссылок, но у меня все еще есть библиотека, которая повторяется:
**index/**
bootstrap.min.css
style.css
jquery-3.3.1.slim.min.js
popper.min.js
boostrap.min.js
**randomization/**
bootstrap.min.css
style.css
***popper.min.js
***boostrap.min.js
jquery-3.3.1.slim.min.js
popper.min.js
boostrap.min.js
**edit/**
bootstrap.min.css
style.css
***jquery.min.js
***boostrap.min.js
jquery-3.3.1.slim.min.js
popper.min.js
boostrap.min.js
```python
base.html
```python
{% load static %}
{% load widget_tweaks %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
{% block extrahead %}{% endblock %}
<title>{% block title %}Mereva{% endblock %}</title>
</head>
<body>
{% include 'layouts/_nav.html' %}
{% block content %}{% endblock %}
{% include 'layouts/_footer.html' %}
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
{% block extrabody %}{% endblock %}
</body>
</html>
randomization_edit.html
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> -->
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript">
var jQuery341 = $.noConflict(true);
</script>
{% endblock %}
{% block title %}Randomization | Intense TBM{% endblock %}
{% block content %}
//my code
{% endblock %}
{% block extrabody %}
<script>
$(document).ready(function() {
$("#form").submit(function(event) {
var self = $(this);
event.preventDefault();
jQuery341('#randomizationconfirm').modal('show')
jQuery341("#button_yes").click(function(event){
self.submit();
});
jQuery341("#button_no").click(function(event){
// on ne fait rien
});
});
});
</script>
{% endblock %}
В настоящее время выпадающий список работает на всех страницах, кроме randomization_edit.html EDIT Фактически, я перезапускаю свой тест, и всплывающее окно не работает на randomization_edit.html с jQuery341 ... только с $...
Что я делаю не так?