2014-09-17 5 views
0

마우스로 도구 설명을 표시하는 시나리오가 있지만 잘 작동하지만 테이블 머리글에서 도구 설명 너비가 숨겨져 있습니다. 아래 코드가 문제를 일으키고 있지만 해당 코드를 제거해서는 안됩니다. 툴팁이 완전히 표시되도록 작성한 CSS 코드를 향상시키는 방법을 제안하십시오. 코드 전체 작업 예제 : http://jsfiddle.net/8WKTj/41/테이블 머리글 위로 마우스를 가져 가면 도구 설명 너비가 숨겨집니다.

$(document).ready(function() { 
    gridviewScroll(); 
}); 

function gridviewScroll() { 
    gridView1 = $('#GridView1').gridviewScroll({ 
        width: 1545, 
        height: 500, 
        railcolor: "#F0F0F0", 
        barcolor: "#CDCDCD", 
        barhovercolor: "#606060", 
        freezesize: 3, // no of columns to lock on the left 
        arrowsize: 30, 
        headerrowcount: 1, 
        railsize: 16, 
        barsize: 8 
       }); 
} 

PS : 난 내 JSP 파일에서 위에서 언급 한 코드를 제거하면 툴팁이 잘 작동하지만 난 code.Thanks 것을 제거해서는 안된다.

답변

0

함수 호출 전에 호버 효과를 초기화하십시오. 이 도움이 경우 JSFIDDLE

$(document).ready(function() { 
$("span.question").hover(function() { 
    $(this).append('<div class="tooltip"><p>Text goes here....</p></div>'); 
    }, function() { 
    $("div.tooltip").remove(); 
    });  
gridviewScroll(); 
}); 
+0

를 통해 툴팁 텍스트를 변경할 수 있습니다. 준비된 함수에서 첫 번째 문으로 gridviewScroll()을 배치하고 절반 너비의 툴팁이 표시되면 아이디어를 제시하십시오. @Aliasgar Rajpiplawala – Rij

0

이 시도 참조하십시오 : 모든 표시 점점되지 툴팁 위와 같이 시도 할 때 http://goo.gl/mDN4CR

당신은 또한 나를 위해 JS

+0

죄송합니다. 문제를 해결할 수 없습니다. @ 마이클 스코필드 – Rij