Question

有人可以帮我这个代码吗？

在我的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”的按钮。当在该新页面上单击此按钮时，我想显示警报（编号）消息，其中包含固定标题中的随机数。

有什么想法吗？感谢。

Answer 1

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

试试这个

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

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

link了解有关.on

的更多信息

示例：

$("#IdOfParentContainer").on('click',"#show_the_number",function(){
  ....

jquery：从另一个页面加载变量

1 个答案: