Versuchen, eine Funktion innerhalb onclick

Question

zu definieren Ich versuche, eine Funktion innerhalb onclick zu definieren. Es funktioniert nicht und es wird kein Fehler auf der Konsole angezeigt. Ich habe die Funktion von der Unterseite der Seite aufgerufen und ich habe die Funktion in onclick() definiert, aber es funktioniert nicht.

<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> 

Sie tun es in der entgegengesetzten Richtung. Sie sollten die Funktion bei onclick aufrufen und anderswo definieren. so etwas wie dieses:

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

und in Skript:

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

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

Answer 2

von Entwurf, Sie würden nur selten Funktionen in Onclick Ereignisse definieren. Sie definieren die Funktionen an anderer Stelle und rufen sie dann mit dem Ereignishandler onclick auf.

<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()"> 

So zusammenzufassen, Sie wollen einfach nur Ihre Funktion von Ihrem <a> Tag rufen: Werke

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

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