Я пытаюсь использовать jQuery в своем приложении rails, чтобы по существу переключаться между двумя частями одним нажатием кнопки. Желаемое поведение выглядит следующим образом: страница отображается с профилем пользователя и кнопкой «редактировать профиль». Когда нажимается кнопка «редактировать профиль» в партиале профиля, партиал удаляется из 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>
У меня проблема в том, что я могу запустить только одну функцию (т.е. загрузка страницы, и я могу переключиться на редактирование, но не обратно). Любое руководство будет оценено.