当您将最左边的分页或最右边的项目悬停时,会发生这种情况。
当我将鼠标悬停时,工具提示会粘在相应的元素上。
back = new AnchorListItem();
back.setText("Vorherige Aufgabe");
back.setIcon(IconType.CHEVRON_LEFT);
back.setIconPosition(IconPosition.LEFT);
bback.addClickHandler(new ClickHandler() { ...some code... }
if (some_Condition){
Tooltip tooltip = new Tooltip(back, "Diese Aufgabe hat nur eine Teilaufgabe");
tooltip.setPlacement(Placement.TOP);
}
pagination.add(back);
.
.
.
some code
.
.
.
next = new AnchorListItem();
next.setText("Nächste Aufgabe");
next.setIcon(IconType.CHEVRON_RIGHT);
next.setIconPosition(IconPosition.RIGHT);
next.addClickHandler(new ClickHandler() { ...some code... }
if (some_Condition){
Tooltip tooltip = new Tooltip(next, "Diese Aufgabe hat nur eine Teilaufgabe");
tooltip.setPlacement(Placement.TOP);
}
pagination.add(next);
不同地设置放置会仅改变放置工具提示的方向,而不是原点。
我会感谢任何提示:)
答案 0 :(得分:1)
请不要问我是如何找到它的,也不是为什么它可行,但解决方法是:
将float: left;
样式添加到AnchorListItem
内的<li>
个Pagination
元素。
您可以在样式表中执行此操作:
.pagination li {
float: left;
}
令人惊讶的是,这也是这个问题的答案:bootstrap tooltip shifted right;)