使用jQuery切换Rails局部

Question

我试图在我的Rails应用程序中使用jQuery，实质上是在单击按钮时在两个部分之间切换。 所需的行为如下：页面呈现有用户的个人资料和“编辑个人资料”按钮。 单击概要文件部分上的“编辑概要文件”按钮时，将从DOM中删除该部分，并呈现编辑概要文件部分。 单击编辑概要文件部分上的“保存”按钮时，操作应撤消并再次显示用户的概要文件。 我是jQuery的新手，但是在stackoverflow的帮助下，我到达了以下脚本：

<script language="javascript" type="text/javascript">
  jQuery(
    function editProfile($) {
      $('#edit').click(function() {
        $("#edit-profile").html('<%= escape_javascript(render :partial => "shared/edit_profile").html_safe %>');
        $("#show-profile").empty();
      });
    }
  );

  jQuery(
    function showProfile($) {
      $('#save').click(function() {
        $("#show-profile").html('<%= escape_javascript(render :partial => "shared/show_profile").html_safe %>');
        $("#edit-profile").empty();
      });
    }
  );
</script>

我的html.erb如下：

<div id="show-profile">
  <%= render :partial => "shared/show_profile" %>
</div>
<div id="edit-profile"></div>

我的问题是，我似乎只能运行一个功能（即页面加载，并且可以切换以进行编辑，但不能返回）。 任何指导将不胜感激。

Answer 1

根据您应该使用的jQuery版本

1.7之前的版本： $('#save').live('click', function(){...})

1.7及更高版本： $('#save').on('click', function(){...})

与#edit相同。

jQuery中的bind和live方法有什么区别？

简而言之：.bind（）仅适用于您当前在jQuery对象中选择的项目。 .live（）将应用于所有当前匹配的元素，以及将来可能添加的任何元素。