DWZ中如何整合第三方jQuery插件

時間 2019-11-24

原文原文鏈接

jQuery插件通常是$(document).ready()中初始化php

$(document).ready(function(){     // 文檔就緒,初始化jQuery插件}); // 或者或縮寫形式$(function(){     // 文檔就緒,初始化jQuery插件});

由於DWZ RIA是富客戶端思路，第一次打開時加載界面到瀏覽器端，以後和服務器的交互是存數據交互，不佔用界面相關的網絡流量。也就是說，只須要在一個完整的頁面（一般是起始頁，如index.aspx/index.php/index.jsp等），只有這個頁面包含完整的html結構(<head><body>)，<head>中引入所有css、js 。其它的頁面只須要頁面碎片，就是<body></body>中的部分。css

由於ajax加載基本原理是：ajax加載一段html代碼片斷放到當前頁面的某個容器中（一般是一個div）。固然也能夠是xml結構、json結構，只是在插入到當前頁面以前也要轉化成html代碼片斷。若是你ajax加載一個完整的頁面(就是包括<head><body>標籤的)，插入的當前document就有問題了，由於一個document不可能有多個<head><body>標籤。html

理解了富客戶端思路也就明白了爲何DWZ框架中整合第三方jQuery插件不能在<head>中經過$(document).ready()初始化。 DWZ初始化ajax加載的頁面中的第三方jQuery組件：ajax

通常插件初始化dwz.ui.js 中的initUI 裏面處理，initUI()方法DWZ框架封裝的$.fn.loadUrl()自動調用。若是是jQuery原生load方法須要手動調用$.fn.initUI()插件。主意initUI()中初始化是要注意做用域，裏面有一個$p表明當前ajax加載的容器，只要初始化當前容器新加載的內容就能夠了
```
if ($.fn.ajaxTodo) $("a[target=ajaxTodo]", $p).ajaxTodo(); if ($.fn.dwzExport) $("a[target=dwzExport]", $p).dwzExport();
```