2013-05-23 3 views
0

представить Я хотел бы, чтобы закрыть следующее диалоговое окно, когда пользователь щелкает Добавить:Закройте диалоговое окно JQuery на кнопку

<head> 
    <script> 
     $(function() {  
      $("#dialog").dialog(); 
     }); 
    </script> 
</head> 
    <body> <div id="dialog" title="Select Item"> 
     <%= form_tag({:controller => :foos, :action => :update_position, :position => @i , :id => @foo.id }, :remote => true) do %> 
      <td> 
       <%= select_tag :position_name, options_for_select(@selection_list) %> 
      </td> 
      <td> 
       <%= hidden_field_tag 'position', @i %> 
       <%= submit_tag "Add" , :class => "btn" %> 
       <script>     
       function() { 
        $(this).dialog("close");   
       } 
       </script> 
      </td> 
     <% end %> 
     </div> 
    </body> 

Я не уверен, как организовать заявления с RoR. Спасибо за любые советы.

+0

Я думаю, что этот вопрос составляет 100% jQuery и 0% RoR. – j08691

+0

Итак, решение не имеет ничего общего с form_tag? Представляете ли вы, что я делаю передачу данных без кодированных там рельсов? –

ответ

1

Как написано в API из jqueryUI/диалога: блок http://api.jqueryui.com/dialog/#method-close

Обновите свой первый сценарий:

<script> 
    $(function() {  
     $("#dialog").dialog(); 
     $("#id-of-closing-button").click(function(){ 
      $("#dialog").dialog("close"); 
     }); 
    }); 
</script> 

должен работать, обновлять меня, если нет.

+0

Боюсь, что это не работает. Знаете ли вы, что я бы заменил # id-of-clos-button в моем примере. Я немного поработаю с этим. –

+0

Приятно, я дал моей кнопке отправки идентификатор и совпадал с именем с частью скрипта. Я добавлю ваше решение. Благодарю. –

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