2012-08-08 72 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(); 
}