참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
var ref_tags = $("[id^=cite_ref]");
$(ref_tags).each(function(index ,iter)
{
var a = $(iter).children("a")[0];
var ref_text = $($(a).attr("href")).children(".reference-text")[0];
var ref_text = $(ref_text).html();
var baloon = document.createElement("div");
var arrow = document.createElement("div");
var inner = document.createElement("div");
baloon.className = "tooltip bottom fade";
arrow.className = "tooltip-arrow";
inner.className = "tooltip-inner";
$(inner).html(ref_text);
$(baloon).css("top",where_top);
$(baloon).css("left",where_left);
$(baloon).append(arrow);
$(baloon).append(inner);
var where_top = $(iter).offset().top+15;
var where_left = $(iter).offset().left;
var baloonWidth = $(baloon).width();
console.log('넌 값이 얼마니'+baloonWidth);
iter.tooltip = baloon;
$(iter).hover(
function(e)
{
$('body').after(baloon);
var bal = this.tooltip;
baloon.className = "tooltip bottom fade in";
},
function(e)
{
var bal = this.tooltip;
baloon.className = "tooltip bottom fade";
}
);
});