Jquery在某些页面上单击事件代码触发，而不是在其他页面上

我的网站上有以下几页：

<section class="home-recent" id="read-more-articles">

</section>

<section class="read-more">

  <a href="javascript:void(0);" id="read-more-button" class="read-more-button">Read More</a>

</section>

这段代码在一段时间内运行良好。现在出于某种原因，在主页上它不工作，但在其他页面上它工作得很好（字面上是相同的代码）。我删除了其他jquery代码，并尝试将其隔离，同时查看控制台。我没有看到任何错误。我不明白为什么这在某些情况下不起作用，而在其他情况下不起作用。我花了好几个小时试着诊断

---

代码同样有效。当我把一个简单的警报（）；在click函数处理程序中，它不会出现在主页上。由于某种原因，click事件未触发。在其他页面上，它确实会触发并执行警报代码。

id$（“#阅读更多按钮”）是否存在冲突？您可能在主页上有重复的id尝试检查此id阅读更多按钮是否在一个页面中多次出现。我刚刚确认没有其他id=“阅读更多按钮”。事实上，我认为您是对的。按钮本身有冲突。谢谢

$("#read-more-button").click(function () {
            $.ajax({
                url: SdsAjax.ajaxurl,
                data: ({action : 'get_more_articles', offset: offset}),
                success: function(data) {

                  $('#read-more-articles').append(data);
                    offset = offset + 24;
                }
            });

        });