2017-06-13 2 views
1

funktioniert ich eine asp.net Web-Anwendung in VS geschrieben haben 2013. Die Anwendung von Masterseiten und Haupt-Master-Seite hat folgende Codes verschachtelt ist:jquery Klick-Funktion nicht

<!DOCTYPE html> 
     <script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script> 

Meine Web-Formular besteht aus folgenden Codes auch:

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div> 

und wenn ich das Projekt und führen auf Browser (entweder dh oder Chrom) bauen, klicke ich auf „textbox1“ und Browser tut nichts.

Schätzen Sie für Hilfe.

+0

Tag im Moment Schnitt vergessen wurde und Paste .. entschuldigen. –

Antwort

3

Sie sollten diese ersetzen:

$('#textbox1') 

mit diesem:

$('#<%=textbox1.ClientID%>') 

Ihre Textbox ist eine serverseitige Steuerung. Sie müssen also die ClientID lesen, um die ID für HTML Markup zu lesen, die von ASP.NET generiert wird. Für weitere Informationen schauen Sie bitte here. Im Allgemeinen, wie es in diesem Link angegeben:

Wenn ein Web-Server-Steuerelement als HTML-Element gerendert wird, das ID Attribut des HTML-Elements auf den Wert der Eigenschaft ClientID gesetzt

Außerdem müssen Sie das schließende script Tag, </script>, kurz vor der Eröffnung script Tag, <script> Ihres Skripts entfernen.

+0

das hat bei mir funktioniert, danke. –

+0

Gern geschehen! – Christos

0

Sie haben ein zusätzliches </script> Tag unmittelbar nach Ihrem asp-Tag.

Versuchen Sie, den gleichen Code, ohne es zu:

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script> 

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div> 

Werke für mich hier: https://jsfiddle.net/mutjg5sq/

0

die Sie interessieren, hoffen, dass es Ihnen helfen,

Script:

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script> 

Html:

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server> 

JQuery:

<script> 
    $('#textbox1').click(function() { 
        alert('Hello'); 
       }); 
</script> 
Verwandte Themen