2012-08-08 69 views
0

我在一个colorbox里面使用下面的jquery验证插件。我试图做的是在“输入”行修改它的类时触发$(this).colorbox.resize();jquery验证插件和colorbox调整大小

Iv试图在几个地方添加调整大小的代码,它几乎可以工作。我只是不能添加函数,因为它仍然弹出滚动条添加或删除类“错误”或“有效”时,但如果您单击表单输入字段的外部我添加的colorbox调整大小功能的作品。

所以,我的目标和问题是,我需要在哪里添加我的colorbox resize,以便在类“错误”或“有效”应用于表单中的输入字段时触发它。

提前感谢任何帮助。

jQuery验证插件1.5.5是大复制到这里,所以我把它放在小提琴http://jsfiddle.net/ZHScy/

+0

看看[这个插件](http://elclanrs.github.com/jq-idealforms/)。它可能是有帮助的,因为它是完全响应的,所以我会适应任何容器,例如模式框。 – elclanrs 2012-08-08 21:36:52

+0

验证我工作得很好,只是我把表单放在一个colorbox jquery插件中,需要调整它自己的大小,以考虑到标记不再有效时标签弹出后的新的总高度。 – 2012-08-08 21:45:19

+0

我可以通过浮动标签eliment来破解它,所以它并不重要,但我想看看我是否可以在适当的时间触发resize函数。现在它会触发,但只有当用户在输入字段外单击或继续绑定并且表单重新检查自己以进行验证 – 2012-08-08 21:47:05

回答

0

那么在我的情况下,我没有做任何调整大小。我只是让错误要飞越

$("#My_Form").colorbox(); 

$(document).bind('cbox_complete', function(){ 
    $("#cboxContent, #cboxOverlay, ,#cboxWrapper, #colorbox").css('overflow', 'visible'); 

}); 

enter image description here

仅供参考,它工作在IE,FF,Chrome浏览器...

+0

谢谢,我给它一个镜头:) – 2013-02-07 17:19:04

0

我们需要追加一个动作时,我们的验证成功了。

请追加下面的代码。

success: function(label) 
{ 
$.colorbox.resize(); 
}