jquery
  • html
  • tooltip
  • 2013-06-23 4 views 0 likes 
    0

    버튼 이미지를 포함하는 툴팁을 만들고 싶습니다.툴팁이 로컬 이미지와 함께 작동하지 않습니다.

    $(document).tooltip({ 
        items: "button", 
        content: function() { 
         var element = $(this); 
         if (element.attr('id') === 'surah') { 
          return "<img src='http://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wien_Stefansdom_DSC02656.JPG/450px-Wien_Stefansdom_DSC02656.JPG' />"; 
         } 
        } 
    }); 
    

    을하지만,이 하나, 그것은

    $(document).tooltip({ 
        items: "button", 
        content: function() { 
         var element = $(this); 
         if (element.attr('id') === 'surah') { 
          return "<img src='../img/home.jpg' />"; 
         } 
        } 
    }); 
    
    +0

    로컬 경로가 올 바르거나 옳지 않습니까? –

    +0

    '../'는 상대 경로입니다. 이미지가있는 위치에 있는지 확인하십시오. 자바 스크립트가 외부 파일에 포함되어 있으면 .js 파일과 관련이 없지만 파일이 포함 된 파일 등입니다. – adeneo

    +0

    네, 확신합니다 :) –

    답변

    0

    그것은 당신의 (내가 여러 번에게 그림 경로를 확인)하지 않는 :이 코드

    는 그것을 잘 작동 '../가있다 상대 경로, 이미지가있는 위치에 있는지, 자바 스크립트가 외부 파일에서 포함 된 경우 .js 파일과 관련이 없지만 파일이 포함 된 파일에 저장된다는 점을 기억하십시오.

    시도 :

    if (this.id == 'surah') return 'image.jpg'; 
    

    가 제대로 경로를 연결하는 것은 매우 중요합니다!

    +0

    +1 please ... :) –

    관련 문제