0

Yii を使用していくつかのフォームを作成しています。クライアント側の検証で提供される UX を改善したいと思います。 'enableClientValidation'=>true, クラス エラーが追加されると、現時点では CSS トランジションを使用して、エラー メッセージがどのように表示されるかをアニメーション化しています。

.new_events .bookingError {
    display: block !important;
    width: 243px;
    position: relative;
    margin: -36px 0px 0px 312px;
    font-size: 1.3em;
    color: red;
    z-index: 0;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
}
.new_events .error .bookingError {
    margin: 0px 0px 0px 312px;
}

大丈夫。しかし、私は本当にこれらのアニメーションで IE をサポートしたいと思っています。私の頭に浮かぶ唯一の方法は、YII が .error を追加またはトグルした後に何らかの方法でコールバックを使用し、それを animate({},XX) することです。

4

1 に答える 1

1

Yii はプレーンな jQuery を使用してこれを行います。探しているコードは jquery.yiiactiveform.js の updateInput 関数にあります。この時点で私が目にする唯一の解決策は、たとえば追加のトリガー呼び出しを追加する独自の JavaScript を作成することです。

$(input).trigger('cssErrorClassAdded')

デフォルトでは、yii はすべての異なるプラグイン (フレームワークの /web/js/ の下) を指す packages.php を持っています。独自の php ファイルをインクルードし、「yiiactiveform」パッケージをオーバーライドして自分のバージョンを指す派生 CClientScript ファイルを追加するのはかなり簡単です。

于 2013-02-22T09:44:32.560 に答える