2013-04-07 2 views
1

У меня есть кнопка submit_tag или ввода, однако вы хотите называть ее, но я не могу заставить значок Text + Font-Awesome работать вместе.Rails входной вложенный контент

Я tryied как этот

%input{type: "submit", name: "A", "data-theme" => "b"} 
    %i.icon-time 
    = "Finish" 

Но икона и текст находятся за пределами входного тега (...)

Я tryied использовать

= content_tag :input, type: "submit", name: "A", "data-theme" => "b" do 
    %i.icon-time 
    = "Finish" 

, но с той же проблемой ,% i остался снаружи.

с кнопкой_tag это выглядит хорошо, но содержимое не отправляется на контроллер. (возможно, потому что тег html является кнопкой и не вводится)

Как я могу заставить это работать?

+0

Это определенно должно быть отправлено с помощью тега кнопки. Простой достаточно отправить форму. – Magnuss

+0

Вы используете форму? – Raghuveer

+0

Я использую path_tag путь, метод:: put – vladCovaliov

ответ

0

В application.html.haml У меня есть следующие

= javascript_include_tag "application" 
= javascript_include_tag "disable_ajax" 

г. В application.js

//= require jquery.mobile-1.3.0 

г. В disable_ajax.js

$(document).bind('mobileinit', function(){ 
    $.mobile.ajaxEnabled = false; // Here is where I fix the problem 
}); 

Ключ должен включить jquery mobile first

1

Проверьте наличие ошибок в консоли. Я чувствую, что у вас может быть только проблема css. Если тег кнопки работает для вас, вы можете легко добавить исправление jquery.

$('button').click(function() { 
    $('form').submit(); 
}); 

Из чего я могу видеть, что это единственное исправление для вложенности содержимого внутри формы submit.

P.S. Вам не нужно писать = "Finish", вы можете просто написать Finish!, HAML будет вставлять его в виде обычного текста.

+0

Собственно, я просто понял, где ошибка. В jQuery mobile есть некоторые странные вещи. Неправильно обновлены URL-адреса, независимо от того, какой тег является кнопкой или вводом. Спасибо за ваш ответ :) – vladCovaliov

+0

Возможно, вам стоит динамически добавлять jQuery mobile только с определенным поддоменом – OneChillDude

+0

Я исправил его. Я устанавливаю $ .mobile.ajaxEnabled = false; в функции jquery mobile init, теперь он работает :) – vladCovaliov

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