onclick 내부에서 함수를 정의하려고 시도했습니다.

Question

onclick 내부에서 함수를 정의하려고합니다. 작동하지 않고 콘솔에 오류가 표시되지 않습니다. 페이지의 맨 아래에서 함수를 호출했으며 함수를 onclick() 안에 정의했지만 작동하지 않습니다.

<div id="content-wrapper"> 

      <div class="row"> 
      <div class="col-lg-12"> 
      <div class="main-box clearfix"> 
      <div class="clearfix"> 
       <div class="common_page gsb1"> 
       <div class="hdr"> 
        <div class="row"> 
       <div class="col-md-4"> 
        <h4>Users</h4> 
       </div> 
       <div class="col-md-5"> 
//this is not working 
    <p><a href="" onclick="function send_Data(data){ 
        download_csv(data)};">Download </a></p> 
       </div> 



       <div class="col-md-3 pull-right"> 
         <%=render 'search'%> 
       </div> 
       </div>  
        </div> 


      <% download_data = []%> 

       <%@users.each do |user|%>  

       <div id='content' class="tab-content"> 
        <div class="tab-pane active" id="all"> 
         <div class="row"> 
         <div class="col-md-4"> 
         <p><b>User Name</b> <span class="blue"> <%=user.name %> </span> </p> 
         <%download_data.push(user.name)%> 
         <p><b>user_code</b> <span class="blue"> <%=user.user_code %> </span> </p> 
         <%download_data.push(user.user_code)%> 
         <p><b>phone</b> <span class="blue"><%=user.phone %></span> </p> 
         <%download_data.push(user.phone)%> 

        </div> 
        </div> 
       </div> 

       <%end%> 

       <div data-no-turbolink> 
       <%if @users.length > 1%> 
        <%= will_paginate @users %> 
       <% end %> 
       </div> 
       </div> 
       </div> 
       </div> 
      </div> 
      </div> 

      <footer id="footer-bar" class="row"> 
      <p id="footer-copyright" class="col-xs-12"> 
       Powered by abcadas 
      </p> 
      </footer> 
     </div> 
     </div> 
    </div> 
    </div> 
    <script > 
     $("#zsales").attr("class","active") 

     send_Data("<%=download_data%>") 
    </script> 

Answer 1

onclick="function send_Data(data){ 
       download_csv(data)};">Download </a></p> 

당신은 반대 방법으로 그 일을하고 있습니다. onclick에서 함수를 호출하고 다른 곳에서 정의해야합니다. 이 같은 :

<p><a href="" onclick="send_Data()">Download </a></p> 

와 문자로는 :

<script > 
    $("#zsales").attr("class","active") 

    function send_Data(data){ 
     download_csv(data); 
    }; 
</script> 

Answer 2

디자인으로, 당신은 거의 이제까지 온 클릭 이벤트에 함수를 정의하지 않을 것이다. 함수를 다른 곳에서 정의한 다음 onclick 이벤트 핸들러를 사용하여 함수를 호출하십시오. 이 사이트는, 당신은 "좋겠 작품을 작동

답변 중 하나가 아래 질문에 대답하는 경우

<a href="#" onclick="download_csv()"></a> 

<script type="text/javascript"> 
function download_csv() 
{ 
    send_Data("<%=download_data%>") 
} 
</script>