在每个页面都只引用同一个js情况下如何根据不同的页面来执行不同的$(function(){})呢 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

在每个页面都只引用同一个js情况下如何根据不同的页面来执行不同的$(function(){})呢

2016-06-06 18:39:42 2391 1
//moduleA.js
      var moduleA = (function(){
        })();
      $().on.("",moduleA.foo);

//moduleB.js
      var moduleB = (function(){
        })();
      $().on.("",moduleB.foo);

最后打包成一个min.js
但是每个页面都有一些$(function(){})要执行,
怎样根据不同的页面来执行不同的$(function(){})呢??

PS.另外感觉模块化与$(function(){})这种东西很冲突,因为这个东西不是一个模块,
以及那些$().on()事件绑定看起来也很不舒服,应该把他们放在那里?内联吗?如何优化?

取消 提交回答
全部回答(1)
  • 西秦说云
    2019-07-17 19:29:16

    你把$(function(){})初始化代码放在不同的js中
    在不同的页面引入这个js文件
    例如
    A页面,Ainit.js B页面 Binit.js
    同时将不同的模块按页面划分,每个页面min自己需要的module
    A页面

    <script src="../script/jquery-2.1.3.min.js"></script>
    <script src="../script/AModule.js"></script>
    <script src="../script/Ainit.js"></script>

    B页面

    <script src="../script/jquery-2.1.3.min.js"></script>
    <script src="../script/AModule.js"></script>
    <script src="../script/Ainit.js"></script>

    $(function(){})是用来执行初始化工作,执行页面上DOM元素事件绑定使用的
    而不是通过它了模块化,$().on()事件绑定要放在和页面DOM相关的模块中

    你可以把业务相同的逻辑封装在一个业务模块(LogicModule)中,
    和页面DOM相关的逻辑,如事件绑定,封装在DOM模块(ViewModule)中
    不同的模块通过第三者,例如自定义事件执行数据通讯,或者再ViewModule中引入LogicModule处理,
    但是不要在LogicModule中引入ViewModule

    0 0
相关问答

1

回答

javascript怎么判断页面的全部元素是否加载完成?

2016-06-20 10:39:40 2023浏览量 回答数 1

1

回答

同样多的请求,请问是在前台通过js循环发送多次请求好些,还是把数组传入后台,从后?400报错

2020-06-03 14:40:20 484浏览量 回答数 1

1

回答

js里面如何让数组的元素进行前后比较?

2020-05-27 09:59:18 841浏览量 回答数 1

1

回答

使用jQuery将JS对象转换为数组

2020-01-15 09:59:37 322浏览量 回答数 1

1

回答

js 数组拍平(数组扁平化)的六种方式

2019-11-28 13:57:00 390浏览量 回答数 1

1

回答

js字符串怎么转为数组

2018-05-10 19:58:58 1280浏览量 回答数 1

1

回答

js中怎么创建数组对象数组对象数组对象

2018-05-10 20:00:45 1417浏览量 回答数 1

1

回答

js数组怎么倒序

2018-05-10 20:00:39 2279浏览量 回答数 1

1

回答

js对象怎么生成数组

2018-05-10 20:00:34 1404浏览量 回答数 1

4

回答

怎么用js定义数组

2018-05-10 20:00:34 1693浏览量 回答数 4
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
JS 语言在引擎级别的执行过程
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载