在嵌套点击事件的内部点击事件中生成随机数

Question

我想在嵌入事件点击的内嵌事件点击中生成一个随机数;但是我得到了很多，而不是一个数字。

代码如下：

$("#onePl").click(function(){
   $("#firstP").fadeOut("slow",function(){
      $("#secondP").fadeIn("slow",function(){
          $("#theX").click(function(){
             $("#secondP").fadeOut("slow",function(){
               $("table").fadeIn("slow");
                **var ran=Math.random();// *I want a single random number***
                **console.log(ran);// I get lot of random numbers**
                           })

                      })
                 })
            })
      })

Answer 1

嵌套点击事件的绑定会产生不良影响，因为每次外部点击事件被触发时，都会添加内部事件的新绑定。

您的代码应如下所示

$("#onePl").click(function(){
    $("#firstP").fadeOut("slow",function(){
        $("#secondP").fadeIn("slow");
    });
});

$("#theX").click(function(){
    $("#secondP").fadeOut("slow",function(){
        $("table").fadeIn("slow");
        **var ran=Math.random();// *I want a single random number***
        **console.log(ran);// I get lot of random numbers**
    });
});