Question

以下是该方案：

我正在开发一个用servlet JSP编写的Web应用程序。

控制器基本上会查看操作，调用正确的模型类，该模型类将调度到特定的JSP。

因此，对于每个不同的视图，都有一个JPS。并且有许多不同的UI视图。（用户的仪表板，论坛，讨论论坛中的特定线程，PM的收件箱等）

我正在使用jQuery，我组织代码的方式如下：

rootdir
   |______ jsp
   |_______ javescript

jsp目录中包含所有jsp文件。对于每个jsp文件，都有一个相应的javascript文件，它保存我的jQuery内容（$ .ready（）...以及与该页面相关的所有内容）。并且每个jsp文件都引用该javascript文件。

现在我有50个jsp文件，因此有50个.js文件。

是否有更好的方法来整理我的javascript文件。

- Jatin

Answer 1

我通常会在考虑通用目的的情况下构建我的javascript。例如，所有需要javascript的导航链接很可能使用单个.live（）事件来处理，该事件基于链接的href或存在的任何数据属性执行操作。

对于jquery ui小部件，例如datepicker和autocomplete，可以使用.live（）进行全局定义。如果他们需要其他选项，请将它们放在数据属性中。

<input type="text" class="autocomplete" name="someautompletename"
       data-options="{source: ['jQuery','Coldfusion','Railo','JavaScript']}" />

...

$(".autocomplete:not(.live)").live("click",function(e){
  var data = $(this).data("options");
  $(this).autocomplete(data ? data : {}).addClass('live').focus();
});

您还可以构建表单处理以相同的方式工作。通过这种方式构建脚本，最终可以使用单个js文件来处理这些jsp页面的90％，同时在需要更多页面的页面上包含其他文件（例如对话框）。

jquery代码组织

1 个答案: