在同一个jsp页面引入2个不同版本的jQuery所导致的问题以及解决

在一个jsp页面中引入2个不同版本的jQuery后所导致的问题

我的问题是在一个界面中要显示轮播图并且在点击按钮是弹出模态框，但是只引入query-1.8.3.min.js时只能显示轮播图，同时引入query-1.8.3.min.js和jquery-2.1.1.min.js或者query-1.8.3.min.js和jquery-3.3.1.min.js不能显示轮播图点击按钮可以显示弹出模态框，如图

解决办法
$(function(){
var $2 = $.noConflict(); // 第二个加载的jQuery对象变成了 $2
var version = $.fn.jquery ;
var version2 = $2.fn.jquery ;
console.info(version , version2);
document.write("jQuery版本是： " + version + "jQuery2版本是： " + version2);
});
这是我在百度上找的，无法解决我的问题
我的解决办法：将高版本的放置在前面，低版本的放在后面