gwtbootstrap3工具提示在错误的地方进行分页

时间:2017-06-08 17:33:04

标签: gwt pagination twitter-bootstrap-tooltip gwtbootstrap3

enter image description here

当您将最左边的分页或最右边的项目悬停时,会发生这种情况。

我需要什么:

当我将鼠标悬停时,工具提示会粘在相应的元素上。

我的代码:

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);

不同地设置放置会仅改变放置工具提示的方向,而不是原点。

我会感谢任何提示:)

1 个答案:

答案 0 :(得分:1)

请不要问我是如何找到它的,也不是为什么它可行,但解决方法是:

float: left;样式添加到AnchorListItem内的<li>Pagination元素。

您可以在样式表中执行此操作:

.pagination li {
    float: left;
}

令人惊讶的是,这也是这个问题的答案:bootstrap tooltip shifted right;)