Question

我知道有类似的问题，但没有一个可以帮助我。我想切换.fa-caret-right元素的CSS“transform”属性。当我第一次点击时，该功能运行良好。但是当我第二次尝试触发时，我总是要点击两次。我已将JavaScript和HTML代码分隔在不同的文件中，并将其链接到HTML文件的head中。

修改：我添加了#counter并发现，当点击count++; fa-caret-right时<{1}} 始终正在工作<{1}} 1}}每隔一段时间才会。

也许有人看到我犯了一个错误，谢谢！我已经尝试过几次我知道的点击事件，但这是我目前的代码：

HTML（总共有13个transform元素）

#p

的JavaScript

<section class="viewport">
    <div class="content">
      <div class="controls">
         <i class="fa fa-caret-right" aria-hidden="true"></i>
      </div>
      <p id="counter">1 of 13</p>
      <div class="gallery large">
        <img src="files/img/ogimage.jpg" id="p1">
        <img src="files/img/ogimage2.jpg" id="p2">
        <img src="files/img/ogimage3.jpg" id="p3">
        <img src="files/img/ogimage4.jpg" id="p4">
      </div>
    </div>
  </section>

Answer 1

移动var count = 1 outside（above）$（'document'）。ready（）

必须单击两次才能切换.click（）事件

1 个答案: