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

有人能帮我处理这个代码吗

在我的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>

变量编号=1+数学楼层（数学随机（）*6）；
$（“随机数”）。单击（函数（“显示随机数”）
{
警报（编号）；
}
);

上面的代码没有按我希望的方式工作

我希望发生的是：

//这部分工作正常

单击“您的通讯簿”链接后，加载页面“您的通讯簿”和函数“随机编号”

//问题是：

当“你的通讯录”页面加载时，会出现一个id为“显示号码”的按钮。 在新页面上单击此按钮时，我希望显示警报（数字）消息，其中包含来自固定标题的随机数字

---

有什么想法吗？谢谢。

我想你在这里问的是关于委派事件的

。因为你的按钮是动态添加的，点击事件才能正常工作，你需要将它委派给最近的静态父级

试试这个

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

建议将事件委托给加载页面时最接近的父容器，而不是
文档本身

阅读有关<代码>的更多信息。

例如：

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

谢谢你，但每次我点击一个链接，离开“你的通讯录”页面，然后再回到它，我总是得到相同的号码“6”。我必须刷新应用程序才能获得其他号码。是否每次单击“您的通讯簿”时都可以重新调用该函数？最后一件事-在您的$（“#IdOfParentContainer”）示例中。我可以将父容器定义为页面顶部的div，一个封装所有其他div的div吗？可以。。这就是我想说的。。。确保插入时父div存在。如果您感到困惑或想了解有关on方法的更多信息，可以查看链接