欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery dialog傳參

李中冰2年前10瀏覽0評論

在使用jQuery的過程中,Dialog組件是非常常用的一個組件。而在使用Dialog組件時,傳參是不可避免的問題。下面我們通過實例來討論一下Dialog組件的傳參問題。

// HTML代碼
<div id="dialog"></div>
// JavaScript代碼
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
height: 300,
modal: true,
buttons: {
"確定": function() {
$( this ).dialog( "close" );
},
"取消": function() {
$( this ).dialog( "close" );
}
}
});
$( "#dialogButton" ).click(function() {
$( "#dialog" ).dialog( "open" );
});

上面的代碼中,我們定義了一個Dialog組件,其中有兩個按鈕:“確定”和“取消”。我們可以通過點擊按鈕來打開Dialog組件。

// HTML代碼
<div id="dialog"></div>
// JavaScript代碼
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
height: 300,
modal: true,
buttons: {
"確定": function() {
var param1 = $( "#param1" ).val();
var param2 = $( "#param2" ).val();
$( this ).dialog( "close" );
// 執行自定義方法
myFunc(param1, param2);
},
"取消": function() {
$( this ).dialog( "close" );
}
}
});
$( "#dialogButton" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
function myFunc(param1, param2) {
// 處理參數
console.log(param1);
console.log(param2);
}

在上面的代碼中,我們在點擊“確定”按鈕時,獲取了兩個文本框中的值,并關閉了Dialog組件。同時,我們還執行了一個名為“myFunc”的自定義方法,并傳入了兩個參數。在自定義方法中,我們可以按照自己的需要對傳入的參數進行處理。

通過以上實例,我們可以看出Dialog組件的傳參很簡單,只需要在自定義方法中傳入需要的參數即可。