20151216JqueryUI---dialog程式碼備份

破玉發表於2015-12-16
$(function () {

	$('#search_button').button();
	
	/*$('#reg').dialog({
		focus:function(e,ui){
			alert('註冊');
			}
		});
		$('#login').dialog({
		focus:function(e,ui){
			alert('登入');
			}
		});*/
		
		$('#reg').dialog({
		/*create:function(e,ui){
			alert('建立');
			},
			autoOpen:false,*/
			/*open:function(){
				alert('開啟');
				},
				autoOpen:false,*/
			/*close:function(){
				alert('關閉');
				},	*/
				//這個事件可以做一些確認性的事件
				/*beforeClose:function(){
					alert('將要關閉');
					return false;
					},*/
			/*drag:function(){
				alert('每次移動都要執行');
				}*/
				
				/*drag:function(e,ui){
				alert('top:'+ui.position.top+'\n'
				+'left:'+ui.position.left);
				},*/
				
				/*dragStart:function(e,ui){
				alert('top:'+ui.position.top+'\n'
				+'left:'+ui.position.left);
				},*/
				/*dragStop:function(e,ui){
				alert('top:'+ui.position.top+'\n'
				+'left:'+ui.position.left);
				},*/
				/*resize:function(){
					alert('每次調整大小執行');
					}*/
				//得到當前拉伸大小
				/*resize:function(e,ui){
					alert('width:'+ui.size.width+'\n'
					+'height:'+ui.size.height);
					}*/  
					//結束大小  
                 /* resizeStop:function(e,ui){
					alert('width:'+ui.size.width+'\n'
					+'height:'+ui.size.height);
					}*/
					
					
					//開啟對話方塊
					autoOpen:true,
		});
		$('#reg_a').click(function() {
            $('#reg').dialog('open');
        });
		$('#reg').click(function() {
             //$('#reg').dialog('close');
			 
			 //銷燬
			  //$('#reg').dialog('destroy');
        });
		//判斷是否開啟
		//alert($('#reg').dialog('isOpen'));
		//$('#reg').dialog('open').css('font-size','50px');
		/*$('#reg').dialog('open');
		$('#reg').dialog('widget').css('font-size','50px');*/
		
		//alert($('#reg').dialog('option','title'));
		//alert($('#reg').dialog('option','autoOpen'));
		//$('#reg').dialog('option','title','111');
		
		$('#reg').on('dialogclose',function(){
			
			alert('關閉對話方塊');
			});
});

  

相關文章