2014-02-08 4 views
0

Я пытаюсь использовать ajax для загрузки формы на мою страницу, которая частично работает. вопрос, кажется, я, возникли в том, что при нажатии на ссылку загрузки содержимого, но ссылки исчезает, и когда содержимое загружается, ни один из JavaScript в этой области содержимого работссылка ajax скрыта при нажатии

Боковая панель со ссылками

- content_for :sidenav do 
    - @pages.each do |obj| 
    %li= link_to(obj.name, edit_admin_page_path(obj), :remote => true) 

Ajax оказывать частичное

$('#page_view').html('<%= escape_javascript (render :partial => 'edit') %>') 

частичное быть визуализации

= simple_form_for(@page, :url => admin_page_path(@page), :method => :put, :html => { :class => 'form-vertical' }) do |form| 
    = render form 

ответ

0

Содержание

Вы упоминаете ваши ссылки/контент исчезнет после Ajax обновления

Проблема будет делать с этой строкой:

$('#page_view').html('<%= escape_javascript (render :partial => 'edit') %>') 

Ваши ссылки будет попадать в элемент #page_view, то есть когда вы обновляете свой HTML-код, вы удаляете ссылку s/другой контент. Чтобы это исправить, необходимо выполнить команду .html на конкретного контейнера вам нужно


Links

Ваши ссылки не будут работать, потому что Javascript не может связываться с элементами, не присутствующих на нагрузке DOM

Вы обычно что-то вроде этого:

$(".element").on("event", function() { 
    //Your stuff here 
}); 

проблема здесь заключается в becau se .element не будет существовать в вашем документе перед вашим вызовом Ajax, он не будет связан и, следовательно, не позволит вашим событиям инициировать действия. Чтобы обойти эту проблему, необходимы delegate от элемента, который будет присутствовать при загрузке DOM, например:

$(document).on("event", ".element", function() { 
    //Your Code 
}); 
+0

приветствия @rich, в форме я рендеринг я использую Фундаменты вкладку, будет ли эта проблема DOM все еще присутствовать на этом? –

+0

Хм, я раньше не использовал материал «Фонды» - у вас есть ссылка? –

+0

это то, что я использую http://foundation.zurb.com/docs/components/tabs.html –

Смежные вопросы