2013-02-06 64 views
1

我使用的是最新版本的jQuery驗證UI插件這是1.4的,並使用Grails 2.1.0。jQuery驗證UI插件不包括qTip資源

我不能讓它正確顯示qTips因爲它似乎不包括文件jquery.qtip.pack.js & jquery.qtip.css(螢火控制檯顯示他們沒有在拉)。

我在插件看到JqueryValidationUiResources.groovy它具有如下:

modules = { 
    'jquery-validation-ui' { 
     dependsOn 'jquery, jquery-validate' 
     resource id:"validation-methods", url:[plugin:'jqueryValidationUi', dir:'js/jquery-validation-ui', file:'grails-validation-methods.js'] 
    } 

    'jquery-validation-ui-qtip' { 
     dependsOn 'jquery-validation-ui' 
     resource id:"qtip", url:[plugin:'jqueryValidationUi', dir:'js/qTip', file:'jquery.qtip.pack.js'] 
     resource id:"qtip-theme", url:[plugin:'jqueryValidationUi', dir:'css/qTip', file:'jquery.qtip.css'] 
    }  
} 

我的Config.groovy:

jqueryValidationUi { 

    errorClass = 'error' 
    validClass = 'valid' 
    onsubmit = true 
    renderErrorsOnTop = false 
    qtip = true 

    qTip { 
     packed = true 
     classes = 'ui-tooltip-red ui-tooltip-shadow ui-tooltip-rounded' 
    } 

    .... 
} 

這是我包括頁面資源按documentation

<head> 
    ... 
    <r:require modules="jquery-validation-ui" /> 
    ... 
</head> 

<body> 
    ... 
    <jqvalui:renderValidationScript for="com.mysite.command.test.testCommand" not="timeZone, field1" /> 

    ... 
<body> 


爲什麼沒有得到包括JS和CSS資源的任何想法?

謝謝

回答

0

我有一個類似的問題,當我試圖使用JQueryUI庫。以下面給出的格式嘗試腳本。你可以看一下我原來的問題,在這裏Issue that I faced when using jqueryui

<head> 

    <title>Simple GSP page</title> 
    <g:javascript library="jquery" /> 
    <g:javascript library="jquery—validation-ui"/> 
<r:layoutResources/> 

    <script type="text/javascript"> 
    ….your scripts 
    </script> 

</head> 

<body> 
    ... 
    <jqvalui:renderValidationScript for="com.mysite.command.test.testCommand" not="timeZone, field1" /> 

    <r:layoutResources/> 
... 
<body> 
1

在此插件的新版本,你必須包括

<r:require modules="jquery-validation-ui-qtip"/> 

代替

<r:require modules="jquery-validation-ui"/> 

,你在該文件中看到。

0

除了< R:需要模塊= 「jQuery的驗證-UI-qtip」/ >如前所述,您還需要renderValidationScript標籤本身具有qtip = 「真」:

< jqvalui: renderValidationScript用於= 「com.mysite.command.test.testCommand」 qtip = 「真」/ >