1

私は最新バージョンのJQuery Validation UI Plugin 1.4 と grails 2.1.0 を使用しています。

ファイルjquery.qtip.pack.jsとjquery.qtip.cssが含まれていないように見えるため、qTipsを正しく表示できません（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'
    }

    ....
}

これは、ドキュメントに従ってリソースをページに含める方法です。

<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 に答える