jquery-jmodal-显示对话框

在做项目时需要在jsp页面上弹出对话框，并且需要输入信息。jmodal解决了这个问题

简单代码：

这里的代码用到了json和后台进行数据异步交互，所以看起来有点乱。如你只是想弹出对话框，只需要：

title，content，okEvent，buttonTex设置这几个属性就可以了

<script type="text/javascript">
	
        $().ready(function() {

            var txtInput;
            var txtInput2;
            var jsonResult = false ;
			 function callbackFun2(data)
             {   
                        if(data=='1')jsonResult=true;


             }
            $('a.withtext').click(function() {

                $.fn.jmodal({

                    title: '挂接通讯录',

                    content: function(body) {
					
                        body.html('邮箱:&nbsp;&nbsp;<input type="text" id="txtInput" /><br><br>密码:&nbsp;&nbsp;<input type="text" id="txtInput2"/>(网机密码)');

                        txtInput = $('#txtInput');
                        txtInput2 = $('#txtInput2');
                        
                        
                        
                    },

                    buttonText: { ok: '确定', cancel: '取消' },
					
                    
                    okEvent: function(data, args) {
						jsonResult=false;
                        
                        var url = 'doEditPhoneChain.action?email='+txtInput.val();
                        var params = {
                        		password:txtInput2.val(),phone_id:$("#phone_id").val()
                        };
                        jQuery.post(url, params, callbackFun2, 'json');

                    	if(jsonResult == true){

                    		args.isCancelling=true;
                    		
                    		
                    		

                    	}

                    	else{

                    		args.isCancelling=false;
                    		

                    	

                    	}

                    }

                });

            });

        })

    </script>