q 도움말 및 동적 콘텐츠

나는 JavaScript 및 qTip에 익숙하지 않으며, 뭔가를 처리 할 수 없습니다. 나는 이미지가있는 테이블을 가지고 있으며 각각의 이미지 설명과 함께 qTip이 필요합니다. 데이터베이스에서 이미지와 내용을로드합니다. 이것을 어떻게 써야합니까? 내가 읽은 것부터 숨겨진 div에 설명을 추가하고 JavaScript 함수에서 div에 액세스해야합니다. 유일한 문제는 어떻게해야할지 모르겠다. 감기에 어떻게해야하는지 보여줘? , 기본 이미지를 얻을q 도움말 및 동적 콘텐츠

$('td').each(function() { 
    var img = $('img', this); 
    $(this).qtip({ 
     content: img.attr('title'), 
     show: 'mouseover', 
     hide: 'mouseout', 
     position: { 
      target: 'topMiddle', 
      tooltip: 'bottomMiddle' 
     } 
    }); 
});

아이디어는 모든 홀더를 통과하는 것입니다 :

여기

<td> 
    <img title="First img"> 
</td> 
<td> 
    <img title="Second img"> 
</td>

당신이 할 수있는 작업은 다음과 같습니다

출처

2012-07-23 Anamaria Cotirlea

[무엇을 시도해 봤습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/) – freakish

이것은 내가 사용하는 기능입니다. $ ('table.logos : td ') .qtip ({ 내용 :'시험 내용 ', 쇼'마우스 오버 ', 숨기기'로 마우스 ', 위치 : { 코너 : { 대상 :'topMiddle ', 도구 설명 :'bottomMiddle ' } }, }); 문제는 각 이미지의 내용이 qTip의 내용으로 나타나기를 바랍니다. 나는 그것이 어떻게 쓰여 져야하는지 모르기 때문에 아직 아무 것도 시도하지 않았다. 내가 아는 전부는 그 함수에서 숨겨진 div에 액세스하는 것과 관련이 있다는 것입니다. –

당신의 HTML 마크 업이 더 많거나 적은이 같다고 가정하면 툴팁 내용 (이 경우 img.attr('title'))이 사용자 정의 content으로 툴팁을 생성하십시오.

출처

2012-07-23 10:55:37 freakish

대단히 감사합니다! 그것은 작동합니다. –

q 도움말 및 동적 콘텐츠

답변

관련 문제