RequireJS中外部js文件的引用

1.搭建 require的框架 详细见RequireJS官网

2.在我们所编写的文件中引入

         <script src="assets/js/require.js" data-main="assets/js/main" defer async="true"   type="text/javascript"></script>

3.进行编写我们所要引入外部文件js的代码

define(   function(){.

                          ......... } 

                    或者

                $(function{

               .......... })

  

              ) ;

  例子 :

   define( $(function () {
            $('#doc-prompt-toggle').on('click', function () {
                $('#my-prompt').modal({
                    relatedTarget: this,
                    onConfirm: function (e) {
                        alert('你输入的是:' + e.data || '');
                    },
                    onCancel: function (e) {
                        alert('不想说!');
                    }
                });
            });
        })  );

4.在main.js中进行编写我们需要引入的文件代码

  require.config({ 
   paths: {
            "testjs" : "testjs"   

             //注意 testjs需要和main.js还有require.js在同一目录  要是不在同一目录详细见官网
    }
});
require(["testjs"], function ($) {

  alert("测试js "); 
});

猜你喜欢

转载自dusai2010.iteye.com/blog/2186987