Question

我有一个正在使用Bootstrap的html页面

HTML就像：

<script src="{{url_for('static', filename='js/jq/jquery.min.js')}}"></script>
<script src="{{url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
<script src="{{url_for('static', filename='js/bootstrap/popper.min.js')}}" ></script>
<script src="{{url_for('static', filename='js/bootstrap/bootstrap.min.js')}}" ></script>
<script src="{{url_for('static', filename='js/addNewTopic.js')}}"></script>
<i class="material-icons">&#xe145;</i>
</body>
</html>

它有两个组成部分，一个是Alert Div，它必须带有fadeOut（），另一个是模式我正在使用

1

$('#myModal').modal('toggle');

和

2
$('#errorAlert').text("Please Fill All").show().fadeOut(4000);

所有这些代码都在addNewTopic.js内部现在，如果我删除2即＃errorAlert.fadeOut（），则模态有效

如果我在下面写下以下代码并删除1行，即模式2有效

jQuery.noConflict();
$('#errorAlert').text("Please Fill All").show().fadeOut(4000);

我希望他们两个一起工作。我是新手

如何使用Bootstrap在外部js文件中使用jQuery.noConflict（）

0 个答案: