1

此 jQuery 代码应启用 2 个操作。

第一个动作是每 7 秒自动重新加载页面（refreshPartial();)
第二个动作是在单击链接时自动输入到chat_box字段中。

仅当我删除“refreshPartial();”时，第二个操作才能正常工作 从下面。
是冲突错误还是什么？我该如何解决？

<% if current_user %>
    <% content_for(:head) do %>
        <%= javascript_tag do %>

            jQuery(document).ready(function () {

                 refreshPartial();

                 $('a#username').click(function() {
                     $(".chat_box#body_input").val($(this).attr('value'));
                 });

            });


            function refreshPartial() {
              $.ajax({
                url: "<%= show_user_path(@user) %>/refresh_part?page=<%= params[:page] %>",
                type: "GET",
                dataType: "script",
              });
            }

        <% end %>
    <% end %>
<% end %>

refresh_part.js.erb

$('#chat_comment').html("<%= j(render(:partial => 'users/comment')) %>");
setTimeout(refreshPartial,7000);

控制器

def refresh_part
    @comments = @user.comment_threads.order("updated_at DESC").page(params[:page]).per(10)
    @comment = @user.comment_threads.build

    respond_to do |format|
        format.js 
    end
end

视图（表单输入字段）

<a name="comment_part"></a>
<form accept-charset="UTF-8" action="/users/John_Smith/comments" class="new_comment" data-remote="true" enctype="multipart/form-data" id="new_comment" method="post">
    <input name="utf8" type="hidden" value="&#x2713;" />
    <input name="authenticity_token" type="hidden" value="vvwHabqywaDXv0Sv5NrbPP5kfdwhfewovbHkegkOUm2/2uJdNs=" />
    <input class="chat_box" id="body_input" name="comment[body]" type="text" />  
    <button type="submit" class="btn">Submit</button>   
</form>
4

1 回答 1

2

我不知道红宝石，但我认为这个问题在 Stackoverflow 上已经回答了很多次。

jquery-click-event-not-firing-on-ajax-loaded-html-elements

ajax 加载后点击事件停止工作

jquery-event-not-working-after-ajax 分页

请注意，您应该使用 .on() 而不是 .live() 事件，因为 .live() 已被弃用。

于 2013-06-16T08:17:29.560 回答