Question

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

我无法正确显示qTips，因为它似乎不包含文件 jquery.qtip.pack.js ＆amp; jquery.qtip.css （firebug控制台显示它们没有被拉入）。

我在插件 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资源的想法？

由于

Answer 1

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

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

而不是

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

正如你在那个文件中看到的那样。

Answer 2

当我尝试使用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>

Answer 3

除了＆lt; r：require module =“jquery-validation-ui-qtip”/＆gt;如前所述，您还需要renderValidationScript标记本身才能使qtip =“true”：

＆lt; jqvalui：renderValidationScript for =“com.mysite.command.test.testCommand”qtip =“true”/＆gt;

JQuery Validation UI插件不包括qTip资源

3 个答案: