2017-11-30 1 views
0

특정 fullcalendar day-view td 요소에 부트 스트랩 툴팁을 첨부하려고합니다. 해당 요소의 FC 클릭 이벤트에서 td 요소를 가져올 수 있습니다.javascript fullcalendar plus bootstrap 툴팁

i.fn.init(1) 
    # 0: td.ui-widget-content 
     length: 1 
    # __proto__: Object(0) 

#의 하위 객체를 의미 : 나는 console.dir(thing);을 할 경우 요소처럼 (크롬의 JS 콘솔)을 보이는 것을 개체로 돌아옵니다. 좋아, 내가 원하는 것은 "0"객체 키의 "텍스트"값 ... "td.ui-widget-content"문자열을 가져오고 싶습니다.

console.dir(thing); 
console.dir(thing[0]); 
console.log(Object.keys(thing)); 
console.log(Object.keys(thing[0])); 

첫 번째는 위의 목적을 yeilds :

나는 다음과 같은 시도했습니다. 두 번째 인쇄

# td.ui-widget-content 

다시 #은 하위 개체를 의미합니다. 내가 console.log(thing[0])을 할 경우 세 번째 인쇄

# (2) ["0", "length"] 

마지막 인쇄

# [] 

reault는 DOM 요소의 outter는 html로입니다.

"td.ui-widget-content"문자열을 객체에서 어떻게 가져 옵니까?

답변

1

this은 "dayClick"이벤트 중에 jquery 객체가됩니다.

부트 스트랩 툴팁은 https://getbootstrap.com/docs/4.0/components/tooltips/에서 알 수 있듯이 jQuery 객체에 첨부 할 수 있습니다.

따라서
dayClick: function(date, jsEvent, view) { 
    this.tooltip({ title: "Hi" }); 
} 

당신이 무엇을해야한다, 나는 생각한다.

관련 문제