Das Bild ändert sich nicht beim Klick

Question

Ich lade Bilder aus der Datenbank herunter und möchte, dass sie sich beim Ereignis on-click ändern.

auf Click-Ereignis:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.chnj').onclick(function() { 
      $('#rotatetest').toggle(); 
     }); 
    }); 
</script> 

div mit Bildern:

<div class="col-md-12" id="rotatetest"> 

    <asp:Repeater ID="rptrTest" runat="server"> 
    <ItemTemplate> 
     <div class="col-md-9 col-md-push2 test" style="margin-top:50px;"> 
     <img class=" image img-circle" height="200" width="200" src="<%# Eval(" PhotoPath") 
      %>" style="border:10px solid white;" id="img" /> 
     </div> 
    </ItemTemplate> 
    </asp:Repeater> 

    <div style="margin-top:50px;text-align:left;"> 
    <h3 style="color:white;font-family:Pristina;"> 
     <%# Eval("Description") %> 
    </h3> 
    </div> 
</div> 

Die Onclick sollte ausgelöst werden, wenn glyphicon innerhalb Spanne Element Klasse chnj geklickt wird.

Answer 1

Es gibt keine onclick Veranstaltung in jquery, sollte es click sein:

$('.chnj').click(function() { 
    $('#rotatetest').toggle(); 
}); 

Sie auch Event Delegation on() verwenden:

$('body').on('click', '.chnj', function() { 
    $('#rotatetest').toggle(); 
}); 

Die onclick könnte verwendet werden als Inline-Event:

<button onclick="myFunction()">Click me</button> 

Oder in Vanille js:

myElement.onclick=function(){ myScript }; 

Hoffe, das hilft.

Answer 2

In Jquery müssen Sie .click verwenden, und für mehrere Ereignisse können Sie on statt "onclick" verwenden. weil onclick in JavaScript-Code verwenden.