break
}
- this.applyPlacement(tp, placement);
+ this.applyPlacement(tp, placement)
this.$element.trigger('shown')
}
, actualWidth
, actualHeight
, delta
- , replace = false;
+ , replace = false
- $tip = this.tip();
+ $tip = this.tip()
- width = $tip[0].offsetWidth;
- height = $tip[0].offsetHeight;
+ width = $tip[0].offsetWidth
+ height = $tip[0].offsetHeight
$tip
.offset(offset)
.addClass(placement)
- .addClass('in');
+ .addClass('in')
- actualWidth = $tip[0].offsetWidth;
- actualHeight = $tip[0].offsetHeight;
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
if (placement == "top" && actualHeight != height){
- offset.top = offset.top + height - actualHeight;
- replace = true;
+ offset.top = offset.top + height - actualHeight
+ replace = true
}
if (placement == "bottom" || placement == "top"){
- delta = 0;
+ delta = 0
if (offset.left < 0){
- delta = -offset.left * 2;
- offset.left = 0;
- $tip.offset(offset);
- actualWidth = $tip[0].offsetWidth;
- actualHeight = $tip[0].offsetHeight;
+ delta = -offset.left * 2
+ offset.left = 0
+ $tip.offset(offset)
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
}
- this.replaceArrow(delta - width + actualWidth, actualWidth, "left");
+ this.replaceArrow(delta - width + actualWidth, actualWidth, "left")
}else{
- this.replaceArrow(actualHeight - height, actualHeight, "top");
+ this.replaceArrow(actualHeight - height, actualHeight, "top")
}
- if (replace) $tip.offset(offset);
+ if (replace) $tip.offset(offset)
}
, replaceArrow: function(delta, dimension, position){
- var $arrow = this.arrow();
+ var $arrow = this.arrow()
if (delta !== 0){
- $arrow.css(position, 50 * (1 - delta / dimension) + "%");
+ $arrow.css(position, 50 * (1 - delta / dimension) + "%")
}else{
- $arrow.css(position, "");
+ $arrow.css(position, "")
}
}
}
, arrow: function(){
- return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow");
+ return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow")
}
, validate: function () {
.css({position: "absolute", top:0, left: 0})
.appendTo(container)
.tooltip({placement: "top", animate: false})
- .tooltip("show");
+ .tooltip("show")
- stop();
+ stop()
setTimeout(function(){
- ok($(".tooltip").offset().left >= 0);
+ ok($(".tooltip").offset().left >= 0)
- start();
- container.remove();
+ start()
+ container.remove()
}, 100)
- });
+ })
test("should place tooltip on top of element", function(){
var container = $("<div />").appendTo("body")
.css({marginTop: 200})
.appendTo(p)
.tooltip({placement: "top", animate: false})
- .tooltip("show");
+ .tooltip("show")
- stop();
+ stop()
setTimeout(function(){
- var tooltip = container.find(".tooltip");
+ var tooltip = container.find(".tooltip")
- start();
- ok(tooltip.offset().top + tooltip.outerHeight() <= tooltiped.offset().top);
- container.remove();
+ start()
+ ok(tooltip.offset().top + tooltip.outerHeight() <= tooltiped.offset().top)
+ container.remove()
}, 100)
- });
+ })
test("arrow should point to element", function(){
var container = $("<div />").appendTo("body")
.css({marginTop: 200})
.appendTo(p)
.tooltip({placement: "top", animate: false})
- .tooltip("show");
+ .tooltip("show")
- stop();
+ stop()
setTimeout(function(){
- var arrow = container.find(".tooltip-arrow");
+ var arrow = container.find(".tooltip-arrow")
- start();
- ok(Math.abs(arrow.offset().left - tooltiped.offset().left - tooltiped.outerWidth()/2) <= 1);
- container.remove();
- }, 100);
- });
+ start()
+ ok(Math.abs(arrow.offset().left - tooltiped.offset().left - tooltiped.outerWidth()/2) <= 1)
+ container.remove()
+ }, 100)
+ })
})