MiniUi系列 jQuery 事件 - delegate() 方法

 

當點擊鼠標時，隱藏或顯示 p 元素：

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

定義和用法

delegate() 方法爲指定的元素（屬於被選元素的子元素）添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。

使用 delegate() 方法的事件處理程序適用於當前或將來的元素（好比由腳本建立的新元素）。

定義和用法

delegate() 方法爲指定的元素（屬於被選元素的子元素）添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。

使用 delegate() 方法的事件處理程序適用於當前或將來的元素（好比由腳本建立的新元素）。

語法

$(selector).delegate(childSelector,event,data,function)

參數	描述
childSelector	必需。規定要附加事件處理程序的一個或多個子元素。
event	必需。規定附加到元素的一個或多個事件。 由空格分隔多個事件值。必須是有效的事件。
data	可選。規定傳遞到函數的額外數據。
function	必需。規定當事件發生時運行的函數。

jQuery 效果 - slideToggle() 方法

$(".btn1").click(function(){
  
});$("p").slideToggle();

定義和用法

slideToggle() 方法經過使用滑動效果（高度變化）來切換元素的可見狀態。

若是被選元素是可見的，則隱藏這些元素，若是被選元素是隱藏的，則顯示這些元素。

div class= "mini-fit"自適應div，div class = 「mini-tabs」頁籤

MiniUi初始化，grid 數據表格爲空，初始化：mini.parse();mini.get('某某id').setColumns(this.buildColumns());   此處this表明miniui對象,

miniui.get('circulareconomytechnologymanage-grid1').setUrl('和後臺交互路徑'); 這個id在jsp對應的是class 就是mini-dataGrid，第二個url爲下拉選

這個id = 「search-form」表單

這個id = 「search」是搜索按鈕