Question

我有三个按钮，每个按钮都有一个jquery on.click事件。除了我希望在每个事件中发生的三件事之外，我想要点击 - 无论用户选择哪个点击 - 来渲染一些html。 jQuery .one没有用，因为我不知道用户会选择哪个按钮。并且我不希望在单击它之后禁用第一个按钮单击事件（即您可以再次单击）。我试过隐藏/取消隐藏html，但它在页面加载时显示为瞬间，这并不理想。我开始编程，所以不知道还有什么可以尝试。非常感谢您的帮助。

boxOne.on('click', soundOne)
   function soundOne(e) {
      var mySound = soundManager.createSound({
      url: ''
      });
      mySound.play();
      results.append('<li>' + "text" '<li>');
      $(this).toggleClass('clicked);
    }

假设我有五个这样的盒子/点击事件。除了播放网址声音和附加一些文字之外，我希望这些点击中的第一个（并且它与哪一个无关，但我不知道将首先点击哪个“框”）来呈现在页面上标题。感谢。

Answer 1

只需使用一些css类作为选择器和计数器。

让我们说你将box类添加到你的五个元素

$(".box") // This is an array with 5 elements, the 5 boxes.

使用jQuery的.click()处理程序将click事件绑定到该数组，并在该范围之外声明一个变量来计算用户的点击次数。看起来应该是这样的

$(document).ready(function(){
    var counter = 0 //the number of clicks
    $(".box").click(function(){
        if( counter == 0) { // the first click
            //do some stuff
        }

        // rest of your code
        counter++; // keep counting clicks!
    })
})

jQuery有一些方法来设置“第一次点击，无论点击”事件

1 个答案: