Jquery Grails g:submitToRemote渲染按钮,不带CSS样式
我在.gsp中有一个基本表单,带有一些文本字段和按钮。这些按钮具有一些CSS样式,在呈现常规html或grails submit按钮时可以正确应用这些样式,但是在呈现g:submitToRemote时,提交按钮在呈现时没有适当的CSS样式 以下是相关的gsp代码:Jquery Grails g:submitToRemote渲染按钮,不带CSS样式,jquery,html,css,grails,Jquery,Html,Css,Grails,我在.gsp中有一个基本表单,带有一些文本字段和按钮。这些按钮具有一些CSS样式,在呈现常规html或grails submit按钮时可以正确应用这些样式,但是在呈现g:submitToRemote时,提交按钮在呈现时没有适当的CSS样式 以下是相关的gsp代码: <g:form > <div class="span2"> <g:submitToRemote class="span12" co
<g:form >
<div class="span2">
<g:submitToRemote class="span12" controller="contacto" action="send" name="submit" value="Enviar">
</g:submitToRemote>
</div>
<div class="span2">
<input class="span12" type="reset" value="Limpiar"/>
</div>
</g:form>
以及呈现的html:
<div class="span2">
<input onclick="jQuery.ajax({type:'POST',data:jQuery(this).parents('form:first').serialize(), url:'/Coaching/contacto/send',success:function(data,textStatus){},error:function(XMLHttpRequest,textStatus,errorThrown){}});return false" name="submit" value="Enviar" class="span12" type="button">
</div>
<div class="span2">
<input class="span12" value="Limpiar" type="reset">
</div>
以下是最终表单的外观:
第一个按钮没有正确渲染有什么原因吗?我做错了什么?谢谢你的帮助 它可能选择了
type='button'
样式,正如您所看到的,它具有相同的类。用Chrome的开发工具之类的工具检查一下,我相信你会发现问题所在(input[type=button]
可能不同于input[type=reset]
)
我怀疑
onclick
处理程序与此有关。带有type='button'
和type='submit'
的输入可以采用不同的样式。我认为您缺少了一些css它可能正在使用type='button'
样式,正如您所看到的,它具有相同的类
。用Chrome的开发工具之类的工具来检查一下,我相信你会发现问题所在(input[type=button]
可能与input[type=reset]
)根本没有什么不同。事实上,如果我在没有onclick属性的情况下渲染并输入type=button,它会完美地渲染?这应该向您展示它所应用的样式规则好的,我已经确定了没有使用g:submitRemote渲染的线条,但我仍然不知道为什么。常规的input=“submit”按钮与使用g:submitToRemote呈现的按钮完全相同,但没有onclick属性。我仍然怀疑onclick处理程序与此有关。带有type='button'
和type='submit'
的输入可以采用不同的样式。我想你少了一些css