JQuery + UpdatePanel

JQuery + UpdatePanel

方法1.


$(document).ready(function () {
	Sys.WebForms.PageRequestManager.getInstance().add_endRequest(RegUI);
	RegUI();
	function RegUI()
	{
		var TabIndex = $("#HF_TabIndex");
		$('#myTab li:eq(' + TabIndex.val() + ') a').tab('show');
	}
});

 

 

方法2.

使用UpdatePanel Plus

下載位置:http://updatepanelplugin.codeplex.com/

HTML


<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/jquery.updatepanel.js"></script>

SCRIPT


$(document).ready(function () {
	$('#UPanTest').panelReady(function () {
		alert('Event Name:panelRead \r\n 第一次進到頁面時觸發[觸發順序1] \r\n 每次做Postback時觸發[觸發順序3]');
	});

	$('#UPanTest').panelCreated(function () {
		alert('Event Name:panelCreated \r\n 第一次進到頁面時觸發[觸發順序2]');
	});


	$('#UPanTest').beginRequest(function () {
		alert('Event Name:beginRequest \r\n 每次做Postback時觸發[觸發順序2]');
	});

	$('#UPanTest').initializeRequest(function () {
		alert('Event Name:initializeRequest \r\n 每次做Postback時觸發[觸發順序1]');
	});

	$('#UPanTest').panelUpdated(function () {
		alert('Event Name:panelUpdated \r\n 每次做Postback時觸發[觸發順序4]');
	});
});