javascript - jQuery无法识别#id选择器，似乎取决于URL

我正在编写Ruby on Rails应用程序。以下jQuery代码包含在index.html.erb文件的head标签中，该文件是网站上所有页面的模板。

<script>
  $(document).ready(function() {
    $("#select_mailshot").click(function () {
      alert('mailshot');
      document.location.href = "/products/1";
    });
    $("#select_blog").click(function () {
      alert('blog');
      document.location.href = "/messages";
    });
    $("#select_contact").click(function () {
      alert('contact');
      document.location.href = "/contacts/1";
    });
  });
</script>

（警报步骤在那里进行调试）

index.html.erb中的以下html代码

<ul>
  <li id="select_mailshot">Mailshot</li>
  <li id="select_blog">Blog</li>
  <li id="select_contact">Contact us</li>
</ul>

目的是有效地创建3个按钮。

单击http://myurl.com/中的任何按钮时，都可以使用。

单击http://myurl.com/messages中的任何按钮时（通过中间按钮进入此按钮），所有操作均有效

从http://myurl.com/products/1开始时，它们全部停止工作（警报不会触发）。实际上，当从http://myurl.com/anything/id开始时，它将停止工作。

我已经尝试解决这个问题了几个小时，据我所知，工作和非工作条件之间的唯一区别是网址。

任何人都可以对这里发生的事情有所了解吗？

最佳答案

萤火虫告诉你什么？页面上是否存在JavaScript错误？如果是这样，它们是什么？您确定在更深的页面中正确包含了jQuery库吗（即它是相对路径吗？）