1

我正在使用最新版本的JQuery Validation UI Plugin 1.4 并使用 grails 2.1.0。

我无法让它正确显示 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'
    }

    ....
}

这就是我根据文档在页面中包含资源的方式。

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

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

    ...
<body>


为什么不包含 js 和 css 资源的任何想法？

谢谢

4

3 回答 3

1

在此插件的较新版本中，您必须包含

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

代替

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

正如您在该文件中看到的那样。

于 2013-04-10T16:59:38.483 回答
0

我在尝试使用 JQueryUI 库时遇到了类似的问题。尝试下面给出的格式的脚本。您可以在此处查看我的原始问题问题我在使用 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>
于 2013-02-06T15:42:53.127 回答
0

除了如前所述的 <r:require module="jquery-validation-ui-qtip" /> 之外，您还需要 renderValidationScript 标签本身具有 qtip="true"：

<jqvalui:renderValidationScript for="com.mysite.command.test.testCommand" qtip="true"/>

于 2013-12-19T16:13:20.350 回答