js 이벤트 응답 함수 의 두 가지 쓰기

8896 단어 js직장레저
하 나 는 htm 에 이벤트 방법 을 추가 하고 js 에 응답 함 수 를 추가 하 는 것 입 니 다.
 

  
  
  
  
  1. <div class="setting_box"> 
  2.     <div class="search_list"> 
  3.         <table cellpadding="0" cellspacing="0"> 
  4.             <tr> 
  5.                 #if($bazasUser.getCurrentUser().isAdmin() && !$namespace) 
  6.                     <td"> 
  7.                         <div class="btn"> 
  8.                             <a id="scaleTo" onclick="scaleTo('$instance.id','')">Scale To</a> 
  9.                         </div> 
  10.                     </td> 
  11.                 #end 
  12.             </tr> 
  13.         </table> 
  14.     </div> 

대응 하 는 JS

  
  
  
  
  1. function scaleTo(){ 
  2.     $.dialog.open('/group/slaveInstance.htm?groupId=' + groupId + '&instanceId=' + instanceId + '&' + 'timestamp=' + new Date().getTime(), 
  3.             { 
  4.                 lock:true
  5.                 width:770, 
  6.                 height:450, 
  7.                 opacity:.1 
  8.             }); 

두 번 째, 컨트롤 의 id 에 따라 해당 하 는 js 를 연결 합 니 다.

  
  
  
  
  1. <div class="setting_box">  
  2.     <div class="search_list">  
  3.         <table cellpadding="0" cellspacing="0">  
  4.             <tr>  
  5.                 #if($bazasUser.getCurrentUser().isAdmin() && !$namespace)  
  6.                     <td">  
  7.                         <div class="btn">  
  8.                             <a id="scaleTo">Scale To</a>  //here is the difference
  9.                         </div>  
  10.                     </td>  
  11.                 #end  
  12.             </tr>  
  13.         </table>  
  14.     </div>  

대응 하 는 JS

  
  
  
  
  1. $(function(){ 
  2.    $("#scaleTo").click(function(){ 
  3.           $.dialog.open('/group/slaveInstance.htm?groupId=' + groupId + '&instanceId=' + instanceId + '&' + 'timestamp=' + new Date().getTime(), 
  4.             { 
  5.                 lock:true
  6.                 width:770, 
  7.                 height:450, 
  8.                 opacity:.1 
  9.             }); 
  10.    }) 
  11. });  

좋은 웹페이지 즐겨찾기