同时引入多个js发生冲突

今天在项目中遇到同时在一个模板中同时引入两个js文件发生冲突的问题，我是先引入了滚动的时间插件，后面又引入了一个滚动的插件，插件都是在网上找的，两个都是有关滚动的插件，导致插件相似度很大，有很多方法命名都是相同的，因此发生了冲突，导致只有一个可以使用，经过百度找到一个解决的方法，个人感觉实用且易懂。

   
   
<script src="family/js/gwc/jquery-1.9.1.js"></script>
<script src="family/js/gwc/mobiscroll.2.13.2.js"></script>
<script type="text/javascript">
    jQuery.noConflict(); //将$符所有权剔除
    var $$ = jQuery;
    $$(function () {
        var opt1 = {
            'default': {
                theme: 'default',
                mode: 'scroller',
                display: 'modal',
                animate: 'fade'
            },
            'select': {
                preset: 'select'
            },
            'select-opt': {
                preset: 'select',
                group: true,
                width: 50
            }
        }
        $$('.demo-test-select').scroller($$.extend(opt1['select'],opt1['default']));
        $$('.demo-test-select-opt').scroller($$.extend(opt1['select-opt'],opt1['default']));
    });
</script>

顺便百度一下jQuery.noConflict();

noConflict() 方法让渡变量 $ 的 jQuery 控制权。

该方法释放 jQuery 对 $ 变量的控制。

该方法也可用于为 jQuery 变量规定新的自定义名称。

提示：在其他 JavaScript 库为其函数使用 $ 时，该方法很有用。

许多 JavaScript 库使用 $ 作为函数或变量名，jQuery 也一样。在 jQuery 中，$ 仅仅是 jQuery 的别名，因此即使不使用 $ 也能保证所有功能性。假如我们需要使用 jQuery 之外的另一JavaScript 库，我们可以通过调用 $.noConflict() 向该库返回控制权