2013-04-07 139 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" 

,但同样的问题外,%我被留在了外面。

with button_tag它看起来不错,但内容没有提交给控制器。 (也许是因为html标签是按钮,而不是输入)

我该如何得到这个工作?

+0

绝对应该使用按钮标签提交。简单的就足以提交表单。 – Magnuss 2013-04-07 17:07:00

+0

您使用表单吗? – Raghuveer 2013-04-07 17:13:06

+0

我正在使用form_tag路径,方法:: put – vladCovaliov 2013-04-07 17:16:40

回答

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

1

检查您的控制台是否有任何错误。我觉得你可能只是有一个CSS问题。如果按钮标签适用于您,您可以轻松添加jquery修复程序。

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

从我可以看到,这是表格提交内嵌套内容的唯一修复。

P.S.您不必编写= "Finish",您可以只写Finish!,HAML会以纯文本的方式插入它。

+0

其实,我只是想出了错误的地方。 jquery mobile中有一些奇怪的东西在发生。无论标签是按钮还是输入,url-s都没有正确更新。感谢您的回答:) – vladCovaliov 2013-04-07 18:03:13

+0

也许你应该动态地添加jQuery手机只与某个子域 – OneChillDude 2013-04-07 18:58:47

+0

我修好了。我设置$ .mobile.ajaxEnabled = false;在jQuery的移动初始化函数,现在它的工作:) – vladCovaliov 2013-04-07 19:22:31