javascript - 在点击刷新之前，我的 AJAX 调用将无法在下一页上运行

Question

我的 javascript/ajax 在我的页面上运行，地址为“http://localhost:3000/” '但是当我单击下一页时，它会转到页面'http://localhost:3000/?page=2 '它不起作用，直到我点击刷新按钮，然后它才会起作用。这是为什么？我该如何解决它？

编辑*我附上了下一页的 haml 调用。

    $(function() {
        $('.show_event').click(function(evt) {
            evt.preventDefault();
            console.log("click")
            $.get(this.href,function (code){
                var divs = $(code).filter(function(){
                    return $(this).is('name')
                });
                divs.each(function() {
                    $('.event-text').replaceWith('<div class="event-text">' + $(this).html() + '</div>');
                });
            });
        });
    });

= link_to 'Next page', page: @pages[:page] + 1 unless @pages[:page] >= @pages[:last_page]

Answer 1

试试这个:

$('body').on('click', '.show_event', function(evt) { ...