Css 如何删除在Rails3中执行JQuery Ajax后弹出的新空行?
在Css 如何删除在Rails3中执行JQuery Ajax后弹出的新空行?,css,ruby-on-rails,ruby-on-rails-3,jquery,Css,Ruby On Rails,Ruby On Rails 3,Jquery,在index.html.erb中,我制作了一个按钮,当按下该按钮时,它可以从跟随切换到取消跟随,从跟随切换到取消跟随 它工作得很好,但当我按下按钮时,它会在按钮的右下方生成另一条新行,该行在页面加载时首先显示。 为什么会这样?我如何删除或修复这条新线路 这里是图片 图1。加载页面时 图2。加载后第一次按下按钮时 图3。加载后第二次按下按钮时 我的密码是 遵循_controller.rb class FollowsController < ApplicationController
index.html.erb
中,我制作了一个按钮,当按下该按钮时,它可以从跟随切换到取消跟随,从跟随切换到取消跟随
它工作得很好,但当我按下按钮时,它会在按钮的右下方生成另一条新行,该行在页面加载时首先显示。为什么会这样?我如何删除或修复这条新线路 这里是图片 图1。加载页面时 图2。加载后第一次按下按钮时 图3。加载后第二次按下按钮时 我的密码是 遵循_controller.rb
class FollowsController < ApplicationController
def create
@user = User.find(params[:user_id])
current_user.follow(@user)
respond_to do |format|
format.js {render :action=>"create.js"}
end
end
def destroy
@user = User.find(params[:user_id])
current_user.stop_following(@user)
respond_to do |format|
format.js {render :action=>"destroy.js"}
end
end
end
class FollowsController“create.js”}
结束
结束
def销毁
@user=user.find(参数[:user\u id])
当前用户。停止跟踪(@user)
回应待办事项|格式|
format.js{render:action=>“destroy.js”}
结束
结束
结束
视图/用户/_follow_user.html.erb
<% unless user == current_user %>
<% if current_user.following?(user) %>
<%= button_to("Un-Follow", user_follow_path(user.to_param, current_user.get_follow(user).id),
:method => :delete,
:remote => true,
:class => 'btn') %>
<% else %>
<%= button_to("Follow", user_follows_path(user.to_param),
:remote => true,
:class => 'btn btn-primary') %>
<% end %>
<% end %>
:删除,
:remote=>true,
:class=>'btn')%>
是的,
:class=>'btn btn primary')%%>
views/follows/create.js.erb
$('.follow_user[data-user-id="<%=@user.id%>"]').html('<%= escape_javascript(render :partial => "follow_user", :locals => {:user => @user}) %>');
#jQuery
$('.follow_user[data user id=”“]).html(''follow_user',:locals=>{:user=>@user})%>');
#jQuery
views/follows/destroy.js.erb
$('.follow_user[data-user-id="<%=@user.id%>"]').html('<%= escape_javascript(render :partial => "follow_user", :locals => {:user => @user}) %>');
#jQuery
$('.follow_user[data user id=”“]).html(''follow_user',:locals=>{:user=>@user})%>');
#jQuery
views/users/index.html.erb
<%- model_class = User.new.class -%>
<div class="page-header">
<h1><%=t '.title', :default => model_class.model_name.human.pluralize %></h1>
</div>
<% @from %>
<h3>tag cloud</h3>
<% tag_cloud(@tags, %w(css1 css2 css3 css4)) do |tag, css_class| %>
<%= link_to tag.name, {:action=>'index', :tag=>tag.name}, :class => css_class%>
<% end %>
<%= paginate @users %>
<table class="table table-condensed">
<thead></thead>
<tbody>
<% @users.each do |user| %>
<div class="memberListBox">
<div class="memberList">
<p class="name"><span><%= user.user_profile.nickname %></span>(<%= user.user_profile.age %>)</p>
<p class="size"><%= user.username %></p>
<p class="img">
<% if user.user_profile.user_avatar? %>
<%= image_tag(user.user_profile.user_avatar.url(:thumb),:height => 100, :width => 100, :class => 'img-polaroid' ) %>
<% else %>
<%= image_tag('nophoto.gif',:height => 100, :width => 100, :class => 'img-polaroid' ) %>
<% end %>
</p>
<div class="introduction">
<%= user.user_profile.introduction %>
</div>
<% if user_signed_in? && current_user!=user %>
<div class="follow_user" data-user-id="<%= user.id %>">
<%= render :partial => "follow_user", :locals => {:user => user} %>
</div>
<% end %>
<%= link_to sanitize('<i class="icon-pencil icon-white"></i> ') + 'Message', new_messages_path(user.username), :class => 'btn btn-primary' %>
<%= link_to sanitize('<i class="icon-user icon-white"></i> ') + 'Profile', show_user_path(:username => user.username, :breadcrumb => @from), :class => 'btn btn-info' %>
</div>
</div>
<% end %>
</tbody>
</table>
model\u class.model\u name.human.pluralize%>
标签云
'index',:tag=>tag.name},:class=>css\u class%>
()
100,:width=>100,:class=>img polarioid')%>
100,:width=>100,:class=>img polarioid')%>
“follow_user”,:locals=>{:user=>user}%>
“btn btn主节点”%>
user.username,:breadcrumb=>@from),:class=>'btn btn信息'%>
加载页面时的html(图1)
按下按钮时的html(图3)
在您看到这些图像的浏览器中,您是否可以执行“查看源代码”并查看差异?@Nishant谢谢!我在问题的底部添加了一些额外的信息。看来新闻发布前和新闻发布前没有区别after@Nishant我可能找到了一个暗示。如果我看到带有Fire Fox的html,那部分将以红色突出显示,并在“table”中显示开始标记“div”,我不知道这是什么意思though@HUSTEN这可能来自css,在某些元素上设置了边距,例如div/我自己发现的!我不应该在表中使用div标记。
<div class="follow_user" data-user-id="3">
<form action="/users/3/follows/133" class="button_to" data-remote="true" method="post"><div><input name="_method" type="hidden" value="delete" /><input class="btn" type="submit" value="Un-Follow" /><input name="authenticity_token" type="hidden" value="eVjePZ0ajS3NfXJLDBkELnpNwyt8k1f59FiT8iv/Xb8=" /></div></form>
</div>
<div class="follow_user" data-user-id="3">
<form action="/users/3/follows/133" class="button_to" data-remote="true" method="post"><div><input name="_method" type="hidden" value="delete" /><input class="btn" type="submit" value="Un-Follow" /><input name="authenticity_token" type="hidden" value="S92bRkGcbMz/puQvia4m7IOtrTsO2iCThiaHlBaXmJU=" /></div></form>
</div>