时间紧急，我也就是把这个效果给去掉，自己把切换的效果用JS完成。
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。
代码没怎么改动，唯一修改的地方就是jQuery的ajax方法中的url地址。难道是这里的问题，经过检查和调试，发现原来是同源策略在作怪，我们知道，JavaScript或jQuery是在Web前端开发中经常使用的动态脚本技术。
机智的我马上回到工位，百度百度百度。同源策略老生常谈了，不是我家的人，东西当然不能让你随便乱动。非同源的脚本不能访问或者操作其他域的页面对象(如DOM等)，同源策略要求三同， 即： 同域， 同协议， 同端口。
1、但是如果这些CDN上的jQuery服务不可用，我们还可以通过以下代码来切换到本地服务器的jQuery版本。
2、jquery获取不可用的表单元素使用内容过滤选择器。
3、HOSTS文件被修改，也会导致浏览的不正常，解决方法当然是清空HOSTS文件里的内容。
4、因为jQuery文件是在页面中引用的，js文件并不知道你引用了jQuery。 先在页面上的Script标签里写好脚本，再移到js文件里面。
5、你的jquery文件要放在这引用jquery的html或其它文件的同级js文件夹下。比如一个目录里有 xxx.html js（文件夹）js文件夹下再装jquery JS并不是dw使用，而是html使用。dw只是自动检测并判断一些语法。
但如果每个模块化的文件都会用到，那么每个文件都要去引入这个第三方文件，很繁琐，这时候就可以用webpack的插件：ProvidePlugin，可以理解这个插件的作用就是把第三方库引入，且它的作用域是全局的。
到jquery官网下载jquery文件到本地，然后使用相对路径引用。直接通过jquery文件的url引用网上的jquery文件。jquery是结构化的开源js文件，按照js文件引用方式使用。下面我们来看一下调用jquery的方法。
：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。
推荐用 相对路径 （就是jqery.js相对与你编辑的index.html所在的位置） 方式引入 比如： js/jquery.js ，如果要用绝对路径方式引入需要用 file：// 开头，你引入的路径本身就是错误的。
在myscript.js中，用$jq就可以访问11版本的jQuery了。至此，问题解决。但是，引入两个版本的jQuery后，页面被搞得乱七八糟。