2

ユーザーが最初にフォームをロードしたときに値が入力される入力があります。ユーザーがこの 1 つのフィールドに集中するまで、この 1 つのツールチップを持続させたいと思います。ページ全体で同じツールチップを使用していますが、ユーザーがその下の入力に集中するまで、ページの読み込み時にこのツールチップを 1 つだけ表示する必要があります。その後、それは消えるか、他のものと同じように動作する可能性があります. これを行う方法はありますか?

HTML:

 <label for="vehiclePrice" class="form-control-label vpl">Vehicle Price <a href="#" title="Customize your vehicle price." class="jqTooltip">tooltip<img src="assets/img/glyphicons3/comment.png" width="10" height="10" /></a></label>
                 <input type="text" class="form-control" name="vehiclePrice" id="vehiclePrice" placeholder="$25592 Suggested MSRP" onkeypress="return isNumberKey(event)" value="25592 Suggested MSRP" required />

JS:

$(function() {
    $(".jqTooltip").tooltip({
        track: true,
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function( position, feedback ) {
                $( this ).css( position );
                $( "<div>" )
                    .addClass( "arrow" )
                    .addClass( feedback.vertical )
                    .addClass( feedback.horizontal )
                    .appendTo( this );
            }
        }

    });

});

フィドルで見ることができるいくつかの気の利いた CSS もあります。

フィドル

4

2 に答える 2

0

jquery ui ツールチップを使用する代わりに、必要に応じて、必要に応じてスタイルを設定した独自の div を作成し、表示/非表示/フェードすることができます。

于 2014-01-29T07:28:35.800 に答える