1

ツールチップの表示には、bootstrap-tooltip と angularJs を使用しています。

ツールチップの表示に次のコードを使用しています。

<div class="input-group">
   <input valid-number ng-model="gotoPageInput" ng-class="{notValidPageNumber: gotoPageInput > totalPage || gotoPageInput<1}" ng-keyup="gotoPage($event,(gotoPageInput>=1 && gotoPageInput<=totalPage))" type="text" class="form-control goToPage " style="width: 70px">
   <button rel="tooltip" title="{{gotoPageInput}}" class="btn btn-default goToPage" ng-class="{disabled: gotoPageInput > totalPage || gotoPageInput<1}" ng-click="gotoPage($event,true)" type="button">go</button>
</div>

初めて正常に動作する下の図のように:

ここに画像の説明を入力

値を 4 から 5 に変更するとどうなるか見てみましょう:

ここに画像の説明を入力

なぜ ？ツールチップが 2 つ表示されます。ブラウザのツールチップは正しいですが、ブートストラップのツールチップは正しくありません。

4

1 に答える 1