JQuery Validation UI 插件不包括 qTip 资源答案

【问题标题】：JQuery Validation UI plugin not including qTip resourcesJQuery Validation UI 插件不包括 qTip 资源
【发布时间】：2013-12-20 00:21:36
【问题描述】：

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

我无法让它正确显示 qTips，因为它似乎不包含文件 jquery.qtip.pack.js 和 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 资源？

谢谢

【问题讨论】：

标签： validation grails grails-plugin qtip

【解决方案1】：

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

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

而不是

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

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

除了如前所述的，您还需要 renderValidationScript 标签本身具有 qtip="true"：

【讨论】：