Как я могу назвать этот метод?

Question

<%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="About.aspx.cs" Inherits="About" %> 

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent"> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
    var directionsDisplay; 
    var directionsService = new google.maps.DirectionsService(); 


    function getParameterByName(name) { 
     name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); 
     var regexS = "[\\?&]" + name + "=([^&#]*)"; 
     var regex = new RegExp(regexS); 
     var results = regex.exec(window.location.search); 
     if (results == null) 
      return ""; 
     else 
      return decodeURIComponent(results[1].replace(/\+/g, " ")); 
    } 


    function calcRoute() { 

     start = document.getElementById('startvalue').value; 

     end = document.getElementById('endvalue').value; 

     var request = { 
      origin: start, 
      destination: end, 
      travelMode: google.maps.DirectionsTravelMode.DRIVING 
     }; 

     directionsService.route(request, function (response, status) { 
      if (status == google.maps.DirectionsStatus.OK) { 


       directionsDisplay.setDirections(response); 
       this.distance = response.routes[0].legs[0].distance.value/1000; 

      } 
     }); 

    } 



    function Button1_onclick() { 
     calcRoute(); 
    } 

    window.onload = InitializeMap; 
    </script> 


    <div style="height: 86px; width: 689px; margin-left: 16px; margin-top: 0px"> 

     <table style="width: 96%;"> 
      <tr> 
       <td class="auto-style1"> 
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
       </td> 
       <td> 
        <asp:TextBox runat="server" id ="startvalue"></asp:TextBox> 
       </td> 
       <td>&nbsp;</td> 
      </tr> 
      <tr> 
       <td class="auto-style2"> 
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
       </td> 
       <td class="auto-style3"> 
        <asp:TextBox runat="server" id ="endvalue"></asp:TextBox> 
       </td> 
       <td class="auto-style3"></td> 
      </tr> 
      <tr> 
       <td class="auto-style1">&nbsp;</td> 

       <td>     
         <input id="Button1" type="button" value="GetDirections" onclick="return Button1_onclick()" /> 

      </tr> 

     </table> 

Я хочу вызвать функцию Button1_onclick(), но она не работает. У этого кода нет проблем. Проблема в том, что функция вызова неверна. Поэтому, пожалуйста, могли бы вы сказать мне, как я могу это сделать ..

Answer 1

Это может быть из-за вашего недействительный HTML разметка

  <tr> 
       <td class="auto-style1">&nbsp;</td> 

       <td>     
         <input id="Button1" type="button" value="GetDirections" onclick="return Button1_onclick()" /> 

</td> <!-- Missing closing tag --> 

      </tr> 

Answer 2

попробуйте этот код OnClick = "JavaScript возврата: calcRoute() вместо OnClick = «возвращение Button1_onclick»

и проверить этот файл сценария (**<script type="text/javascript" src="../../Scripts/jquery-ui-1.9.2.min.js"></script>**) (Любая минимизированы версия) имеет в виду в своей главной странице ??

   <tr> 
       <td class="auto-style1">&nbsp;</td> 

       <td>     
        <input id="Button1" type="button" value="GetDirections" *onclick="return javascript:calcRoute();"** /> 
       </td>  
      </tr> 

Edit:

Попробуйте другой способ

$("#filter").click(function(){ 
    Button1_onclick(); 
}); 

<input id="Button1" type="button" value="GetDirections" /> 

Answer 3

Вы пробовали извлекать возврат из вызова функции? Этот код запускает событие.

<asp:Content ID="ContentMain" ContentPlaceHolderID="ContentBody" runat="server">  
    <script type="text/javascript" language="javascript"> 
     function Button1_Click() { 
      alert('foo'); 
     } 
    </script> 
<input type="button" id="Button1" onclick="Button1_Click()" value="GetDirections" /> 

Answer 4

Почему вы не просто вызвать функцию вместо этого?

<input id="Button1" type="button" value="GetDirections" onclick="Button1_onclick()" /> 

Или иначе, в Button1_onclick должно возвращать значение.

function Button1_onclick() { 
     calcRoute(); 
     return true; 
}