jquery代碼組織

我正在開發一個用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

來源

2011-09-08 jsshah

我通常建立我的JavaScript與一般用途的記住。例如，所有需要javascript的導航鏈接都可能使用一個.live（）事件來處理，該事件根據鏈接的href或任何數據屬性的存在來執行操作。

當涉及到jQuery UI的小部件，如datepicker和自動完成時，這些可以使用.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％，同時在頁面上包含需要多一些（例如對話框）的其他文件。

來源

2011-09-08 01:29:19

jquery代碼組織

回答

相關問題