0

有人可以帮我处理这段代码吗？

在我的 Rails 项目中，我有一个固定位置的标题。其中一个链接是：

<li><%= link_to "Your Address Book", user_path(current_user), :class => 'random_number' %></li>

然后在同一页面的底部，我有：

  <script>
  var number = 1 + Math.floor(Math.random() * 6);

  $("random_number").click(function("#show_the_number")

           {
             alert(number);
           }
      );

   </script>

上面的代码不能按我想要的方式工作。

我想要发生的是：

//这部分工作正常

单击“您的地址簿”链接时，加载页面“您的地址簿”和函数“random_number”

//这里的问题：

当“您的地址簿”页面加载时，会有一个 ID 为“#show_the_number”的按钮。在该新页面上单击此按钮时，我想显示警报（数字）消息，其中包含来自固定标题的随机数。

有任何想法吗？谢谢。

4

1 回答 1

1

我认为你在这里问的是on委托事件..因为你的按钮是动态添加的，点击事件才能工作，你需要将它委托给它最近的静态父

尝试这个

 $(document).on('click',"#show_the_number",function(){
    var number = 1 + Math.floor(Math.random() * 6);
    alert(number);
});

建议将您的事件委托给页面加载时出现的最近的父容器，而不是其document本身。

链接以了解更多信息.on

例子：

$("#IdOfParentContainer").on('click',"#show_the_number",function(){
  ....
于 2013-05-18T09:39:32.643 回答