Question

我正在从数据库中检索图像，并希望它们在点击事件上进行更改。

点击活动

：

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

div包含图片：

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

当点击具有类chnj的span元素中的glyphicon时，应触发onclick。

Answer 1

jquery中没有onclick个事件，它应该是click：

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

您还可以使用事件委派on()：

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

onclick可用作内联事件：

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

或者在香草js：

myElement.onclick=function(){ myScript };

希望这有帮助。

Answer 2

在Jquery中，您需要使用.click，对于多个事件，您可以使用on代替"onclick"。因为onclick在javascript代码中使用。

点击时图像不变

2 个答案: