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イベントで関数を定義しないだろう。他の場所で関数を定義してから、onclickイベントハンドラを使用して関数を呼び出します。

<script type="text/javascript"> 
function sayHi() 
{ 
    alert('Hi!'); 
} 
</script> 

<!-- 
    When the button is clicked, 
    you don't want to define the function, 
    you want to say hi! 
    ---> 
<a href="#" onclick="sayHi()"> 

そう要約するために、あなたは自分の<a>タグからあなたの関数をコールする場合：以下の答えの一つが、このサイトでは作品を動作する方法を、あなたの質問に答えた場合

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

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