ææå¾ï¼

æçä»£ç ç¤ºä¾ï¼




<!--æç¤ºæ¨¡ææ¡-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">æ¸©é¦¨æç¤º</h4>
                </div>
                <div class="modal-body">
                    <p>æ¨çæä½ä¸å¯é</p>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn sr-only">åæ¶</button>
                    <button type="button" data-dismiss="modal" id="quedingbtn" class="btn btn-primary">ç¡®å®</button>
                </div>
            </div>
        </div>
    </div>

ãæ´æ®µä»£ç ï¼

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{$title}}</title>
<meta name="keywords" content="{{$keywords}}" />
<meta name="description" content="{{$description}}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="image/x-icon" href="/static/images/logo.jpg" rel="shortcut icon">
<link href="/static/bootstrap/css/bootstraphome.min.css" rel="stylesheet">
<link href="/static/home/bootstrapvalidator/dist/css/bootstrapValidator.css" rel="stylesheet">
<link href="/static/home/css/base.css" rel="stylesheet">
<link href="/static/home/css/index.css" rel="stylesheet">
<link href="/static/home/css/m.css" rel="stylesheet">
<script src="/static/home/js/jquery.min.js" ></script>
<script src="/static/bootstrap/js/bootstrap.min.js" ></script>
<script src="/static/home/bootstrapvalidator/dist/js/bootstrapValidator.js" ></script>
<script src="/static/home/js/hc-sticky.js"></script>
<script src="/static/home/js/comm.js"></script>

<style>
/*å»ætypeä¸ºnumberæ¶ inputåé¢å åå·é®é¢*/
input[type='number']{-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

 @media screen and (min-width: 768px) {
    .modal-dialog {
		right: auto;
		left: 0%;
		width: 300px;
		padding-top: 30px;
		padding-bottom: 30px;
    }
    .modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}
@media only screen and (max-width: 479px){
	.modal{
		position: fixed;
		top: 200px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10500;
		display: none;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		outline: 0;
	}
	.modal-dialog {
		right: auto;
		left: 0%;
		width: 300px;
		margin:0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
    }
    .modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}


</style>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header id="header">
  <div class="navbar">
    <div class="topbox">
      <p class="welcome">ç±ä¸æµ·äº¤éå¤§å¦æè²éå¢æ´åæµ·åå¤é¡¶å°çè¯å¸æèµé¢åä¸å®¶èµæºï¼æ¨åºæå¨ãç¹è²ãå®ç¨çãç§ååºéç»çé«çº§ç ä¿®ç</p>
      <div class="searchbox">
        <div id="search_bar" class="search_bar">
          <form  id="searchform" action="[!--news.url--]e/search/index.php" method="post" name="searchform">
            <input class="input" placeholder="æ³æç¹ä»ä¹å¢.." type="text" name="keyboard" id="keyboard">
            <input type="hidden" name="show" value="title" />
            <input type="hidden" name="tempid" value="1" />
            <input type="hidden" name="tbname" value="news">
            <input type="hidden" name="Submit" value="æç´¢" />
            <p class="search_ico"> <span></span></p>
          </form>
        </div>
      </div>
    </div>
  </div>
   <include file="public:navigation" />
</header>
<div class="wrapper">
  <main>
    <h2 class="place">æ¨ç°å¨çä½ç½®æ¯ï¼ç½ç«é¦é¡µ> <a href="/">{{$data.a_Title}}</a></h2>
    <div class="infosbox">
      <div class="newsview">
        <h3 class="news_title">æ¥åä¿¡æ¯å¡«å</h3>
        <form name="dataForm" enctype="multipart/form-data" class="form-horizontal top15" action="{{:url('index/joinus')}}">
			<div class="input-group">
				<label class="input-group-addon" id="inputGroupSuccess3">å§å<span style="color:red;">*</span></label>
				<input type="text" class="form-control" id="username" aria-describedby="inputGroupSuccess3Status" name="username" required placeholder="name">
				<span class="glyphicon glyphicon-ok form-control-feedback sr-only" id="ok0" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-remove form-control-feedback sr-only" id="remove0" aria-hidden="true"></span>
			</div>
			<span id="inputGroupSuccess3Status0" class="sr-only" style="color:red;">(å®¡æ ¸éè¿)</span>
			<br><br>
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1">ææºå·<span style="color:red;">*</span></span>
				<input type="number" class="form-control" id="tel" name="tel" required placeholder="tel" aria-describedby="basic-addon1" maxlength="2" Î¿ninput="if(value.length>11)value=value.slice(0,11)">
				<span class="glyphicon glyphicon-ok form-control-feedback sr-only" id="ok1" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-remove form-control-feedback sr-only" id="remove1" aria-hidden="true"></span>
			</div>
			<span id="inputGroupSuccess3Status1" class="sr-only" style="color:red;">(å®¡æ ¸éè¿)</span>
			<br><br>
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1">å¬å¸/åä½<span style="color:red;">*</span></span>
				<input type="text" class="form-control" id="company" name="company" required placeholder="company" aria-describedby="basic-addon1">
				<span class="glyphicon glyphicon-ok form-control-feedback sr-only" id="ok2" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-remove form-control-feedback sr-only" id="remove2" aria-hidden="true"></span>
			</div>
			<span id="inputGroupSuccess3Status2" class="sr-only" style="color:red;">(å®¡æ ¸éè¿)</span>
			<br><br>
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1">èä½<span style="color:red;">*</span></span>
				<input type="text" class="form-control" id="job" name="job" required placeholder="job" aria-describedby="basic-addon1">
				<span class="glyphicon glyphicon-ok form-control-feedback sr-only" id="ok3" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-remove form-control-feedback sr-only" id="remove3" aria-hidden="true"></span>
			</div>
			<span id="inputGroupSuccess3Status3" class="sr-only" style="color:red;">(å®¡æ ¸éè¿)</span>
			<br><br>
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1">é®ç®±<span style="color:red;">*</span></span>
				<input type="text" class="form-control" id="email" name="email" required placeholder="email" aria-describedby="basic-addon1">
				<span class="glyphicon glyphicon-ok form-control-feedback sr-only" id="ok4" aria-hidden="true"></span>
				<span class="glyphicon glyphicon-remove form-control-feedback sr-only" id="remove4" aria-hidden="true"></span>
			</div>
			<span id="inputGroupSuccess3Status4" class="sr-only" style="color:red;">(å®¡æ ¸éè¿)</span>
			<div class="input-group" style="margin:50px auto 100px;">
				<!--<a class="btn btn-primary btn-lg btn-save">æ äº¤</a>-->
				<input type="hidden" id="aid" name="aid" value="{{$data.a_Id}}" />
				<button type="button" class="btn btn-primary btn-lg" id="validateBtn" style="outline:none;">æ äº¤</button>
			</div>			
		</form>
      </div>
    </div>
  </main>
  <aside class="sidebar">
    <!--åç±»-->
	<!--<include file="public:fenlei" />-->
    <!--å³äºæ-->
    <include file="public:aboutme" />
    <!--æ¨èæ ç®-->
    <include file="public:tjlm" />
    <!--å¾çç²¾é-->
    <include file="public:tpjx" />
  </aside>
  <!--sidebar end--> 
</div>
<!--wrapper end-->
 <include file="public:footer" />
<a href="#" class="cd-top">Top</a>

<!--æç¤ºæ¨¡ææ¡-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">æ¸©é¦¨æç¤º</h4>
                </div>
                <div class="modal-body">
                    <p>æ¨çæä½ä¸å¯é</p>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn sr-only">åæ¶</button>
                    <button type="button" data-dismiss="modal" id="quedingbtn" class="btn btn-primary">ç¡®å®</button>
                </div>
            </div>
        </div>
    </div>

<script type="text/javascript">
	$(document).ready(function(){
		//å§åéªè¯
		$("#username").keyup(function(){
			var username = $("#username").val();
			if(!username){
				$("#inputGroupSuccess3Status0").removeClass("sr-only");
				$("#inputGroupSuccess3Status0").html("å§åä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove#remove0").removeClass("sr-only");
				$(".glyphicon-ok#ok0").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status0").removeClass("sr-only");
				$("#inputGroupSuccess3Status0").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove0").addClass("sr-only");
				$(".glyphicon-ok#ok0").removeClass("sr-only");
			}
		})
		//ææºå·éªè¯
		$("#tel").keyup(function(){
			var tel = $("#tel").val();
			var reg = /^0?(13[0-9]|17[0-9]|15[0123456789]|18[0123456789]|14[57])[0-9]{8}$/;
			if(!tel || !reg.test(tel)){
				$("#inputGroupSuccess3Status1").removeClass("sr-only");
				$("#inputGroupSuccess3Status1").html("ææºå·æ ¼å¼ä¸æ£ç¡®ï¼");
				$(".glyphicon-remove#remove1").removeClass("sr-only");
				$(".glyphicon-ok#ok1").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status1").removeClass("sr-only");
				$("#inputGroupSuccess3Status1").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove1").addClass("sr-only");
				$(".glyphicon-ok#ok1").removeClass("sr-only");
			}
		})
		//å¬å¸/åä½éªè¯
		$("#company").keyup(function(){
			var company = $("#company").val();
			if(!company){
				$("#inputGroupSuccess3Status2").removeClass("sr-only");
				$("#inputGroupSuccess3Status2").html("å¬å¸/åä½ä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove#remove2").removeClass("sr-only");
				$(".glyphicon-ok#ok2").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status2").removeClass("sr-only");
				$("#inputGroupSuccess3Status2").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove2").addClass("sr-only");
				$(".glyphicon-ok#ok2").removeClass("sr-only");
			}
		})
		//èä½éªè¯
		$("#job").keyup(function(){
			var job = $("#job").val();
			if(!job){
				$("#inputGroupSuccess3Status3").removeClass("sr-only");
				$("#inputGroupSuccess3Status3").html("èä½ä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove#remove3").removeClass("sr-only");
				$(".glyphicon-ok#ok3").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status3").removeClass("sr-only");
				$("#inputGroupSuccess3Status3").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove3").addClass("sr-only");
				$(".glyphicon-ok#ok3").removeClass("sr-only");
			}
		})
		//é®ç®±éªè¯
		$("#email").keyup(function(){
			var email = $("#email").val();
			var reg2 = /[_a-zA-Z\d\-\.][email protected][_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/;
			if(!email || !reg2.test(email)){
				$("#inputGroupSuccess3Status4").removeClass("sr-only");
				$("#inputGroupSuccess3Status4").html("é®ç®±æ ¼å¼ä¸æ£ç¡®ï¼");
				$(".glyphicon-remove#remove4").removeClass("sr-only");
				$(".glyphicon-ok#ok4").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status4").removeClass("sr-only");
				$("#inputGroupSuccess3Status4").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove4").addClass("sr-only");
				$(".glyphicon-ok#ok4").removeClass("sr-only");
			}
		})
		
		
		$("#validateBtn").click(function(){
			var username = $("#username").val();
			var tel  = $("#tel").val();
			var company = $("#company").val();
			var job  = $("#job").val();
			var email = $("#email").val();
			var aid = $("#aid").val();
			if(!aid || aid==null || aid==false){
				$("#myModal").modal();
				$(".modal-body p").html("éæ³æ°æ®ID");
			}
			if(!username){
				$("#inputGroupSuccess3Status0").removeClass("sr-only");
				$("#inputGroupSuccess3Status0").html("å§åä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove").removeClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status0").removeClass("sr-only");
				$("#inputGroupSuccess3Status0").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-ok").removeClass("sr-only");
			}
			
			var reg = /^0?(13[0-9]|17[0-9]|15[0123456789]|18[0123456789]|14[57])[0-9]{8}$/;
			if(!tel || !reg.test(tel)){
				$("#inputGroupSuccess3Status1").removeClass("sr-only");
				$("#inputGroupSuccess3Status1").html("ææºå·æ ¼å¼ä¸æ£ç¡®ï¼");
				$(".glyphicon-remove#remove1").removeClass("sr-only");
				$(".glyphicon-ok#ok1").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status1").removeClass("sr-only");
				$("#inputGroupSuccess3Status1").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove1").addClass("sr-only");
				$(".glyphicon-ok#ok1").removeClass("sr-only");
			}
			
			if(!company){
				$("#inputGroupSuccess3Status2").removeClass("sr-only");
				$("#inputGroupSuccess3Status2").html("å¬å¸/åä½ä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove#remove2").removeClass("sr-only");
				$(".glyphicon-ok#ok2").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status2").removeClass("sr-only");
				$("#inputGroupSuccess3Status2").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove2").addClass("sr-only");
				$(".glyphicon-ok#ok2").removeClass("sr-only");
			}
			
			if(!job){
				$("#inputGroupSuccess3Status3").removeClass("sr-only");
				$("#inputGroupSuccess3Status3").html("èä½ä¸è½ä¸ºç©ºï¼");
				$(".glyphicon-remove#remove3").removeClass("sr-only");
				$(".glyphicon-ok#ok3").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status3").removeClass("sr-only");
				$("#inputGroupSuccess3Status3").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove3").addClass("sr-only");
				$(".glyphicon-ok#ok3").removeClass("sr-only");
			}
			
			var reg2 = /[_a-zA-Z\d\-\.][email protected][_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/;
			if(!email || !reg2.test(email)){
				$("#inputGroupSuccess3Status4").removeClass("sr-only");
				$("#inputGroupSuccess3Status4").html("é®ç®±æ ¼å¼ä¸æ£ç¡®ï¼");
				$(".glyphicon-remove#remove4").removeClass("sr-only");
				$(".glyphicon-ok#ok4").addClass("sr-only");
			}else{
				$("#inputGroupSuccess3Status4").removeClass("sr-only");
				$("#inputGroupSuccess3Status4").html("å®¡æ ¸éè¿ï¼");
				$(".glyphicon-remove#remove4").addClass("sr-only");
				$(".glyphicon-ok#ok4").removeClass("sr-only");
			}
			if(!username || !tel || !reg.test(tel) || !company || !job || !email || !reg2.test(email)){
				$("#myModal").modal();
				$(".modal-body p").html("è¯·å®åä¿¡æ¯ï¼");
			}else{
				$.post("joinus",{'username':username,'tel':tel,'company':company,'job':job,'email':email},function(data){
					if(data.code=='200'){
						$("#myModal").modal();
						$(".modal-body p").html(data.msg);
						$("#quedingbtn").click(function(){location.reload()})
					}
					if(data.code=='201'){
						$("#myModal").modal();
						$(".modal-body p").html(data.msg);
						$("#quedingbtn").click(function(){location.reload()})
					}
					if(data.code=='300'){
						$("#myModal").modal();
						$(".modal-body p").html(data.msg);
						$("#quedingbtn").click(function(){location.reload()});//ç¹å»ç¡®å®å å·æ°é¡µé¢
					}
					
					
				},'json')
			}
			//$("form").submit();
		})
	});
	
	
</script>

</body>
</html>

ãã

å¶ä»ç¤ºä¾ï¼

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap Modal</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <style type="text/css">
    @@media screen and (min-width: 768px) {
    .modal-dialog {
    right: auto;
    left: 0%;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
    }
    .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    }
    </style>></head>
<body>
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
        Launch demo modal
    </button>
 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">æ¸©é¦¨æç¤º</h4>
                </div>
                <div class="modal-body">
                    <p>æ¨çæä½ä¸å¯é</p>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn">Close</button>
                    <button type="button" class="btn btn-primary">Save</button>
                </div>
            </div>
        </div>
    </div>
 
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
@*ä¸º .modal æ·»å  role="dialog"ï¼ç¨äºæå®æ¨¡ææ¡ä¸ºå¯¹è¯æ¡ã
ä¸º .modal-dialog æ·»å  aria-hidden="true" å±æ§ã
éè¿ aria-describedby å±æ§ä¸ºæ¨¡ææ¡ .modal æ·»å æè¿°æ§ä¿¡æ¯ã
å³éå¨ç»
å¦æä½ ä¸éè¦æ¨¡ææ¡å¼¹åºæ¶çå¨ç»ææï¼æ·¡å¥æ·¡åºææï¼ï¼å æ .fade ç±»å³å¯ã
 
éè¿æé®å±æ§æ¾ç¤ºä¸ååå®¹
å½æä¸å æé®ï¼é½è¦è§¦åç¸åçæ¨¡ææ¡(å¦ï¼åå¥½ååè¡¨ä¸æä¸ªäººåæ¶æ¯)ï¼åªæ¯æç¨æ·IDä¸åï¼é£ä¹å¯ä»¥ä½¿ç¨data-whateveréåevent.relatedtargetæ¥å®ç°ï¼
[html] view plain copy
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap Modal</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
 
 
    <div class="panel panel-default">
        <div class="panel-heading">å¥½ååè¡¨</div>
        <div class="panel-body">
            <div class="list-group" role="group" aria-label="å¥½ååè¡¨">
                <button type="button" class="list-group-item" data-toggle="modal" data-target="#exampleModal"
                        data-whatever="å¼ ä¸">
                    å¼ ä¸
                </button>
                <button type="button" class="list-group-item" data-toggle="modal" data-target="#exampleModal"
                        data-whatever="æå">
                    æå
                </button>
                <button type="button" class="list-group-item" data-toggle="modal" data-target="#exampleModal"
                        data-whatever="çäº">
                    çäº
                </button>
            </div>
        </div>
    </div>
 
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">Recipient:</label>
                            <input type="text" class="form-control" id="recipient-name">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">Message:</label>
                            <textarea class="form-control" id="message-text"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Send message</button>
                </div>
            </div>
        </div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
        $('#exampleModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // è§¦åäºä»¶çæé®
            var recipient = button.data('whatever') // è§£æåºdata-whateveråå®¹
            var modal = $(this)
            modal.find('.modal-title').text('Message To ' + recipient)
            modal.find('.modal-body input').val(recipient)
        })
    </script>
</body>
</html>*@

ãã

æ´çï¼ææºç«¯å¼¹åºæç¤ºæ¡ï¼ä½¿ç¨çbootstrapä¸­çæ¨¡ææ¡ï¼modalï¼å¼¹åºå±ï¼ï¼æ¯kendoå¼¹åºææå¥½...

相关推荐

æ´çï¼ææºç«¯å¼¹åºæç¤ºæ¡ï¼ä½¿ç¨çbootstrapä¸çæ¨¡ææ¡ï¼modalï¼å¼¹åºå±ï¼ï¼æ¯kendoå¼¹åºææå¥½...