qtip2에서 themeroller 테마 사용

현재 응용 프로그램에서 REDMOND 테마를 사용 중이고 qtip2 툴팁에만 THEMEROLLER 테마를 사용해야합니다. 도구 설명을 위젯으로 정의 했으므로 themeroller를 사용해야합니다. 내가 결정할 수없는 것은 어떻게 & 내 자바 스크립트 파일에 themeroller CSS 파일을 추가하는 것입니다.qtip2에서 themeroller 테마 사용

도와주세요.

헤드 섹션의 CSS 파일은 다음과 같습니다

<link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.19.custom.css" /> 
<link rel="stylesheet" type="text/css" href="css/jquery.qtip.min.css" /> 
<link rel="stylesheet" type="text/css" href="css/wms11.css" />

내 JS 파일의 마지막에 자바 스크립트 파일

은 다음과 같습니다

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui-1.8.19.custom.min.js" type="text/javascript"></script> 
<script src="js/jquery.qtip.min.js" type="text/javascript"></script> 
<script src="js/wms11.js" type="text/javascript"></script>

내 qtip2 문

은 다음과 같습니다

$(this).qtip({ 
    content: { 
    text: function(api) { 
     return(return_array[POPUP_HTML_STR]); 
    }, 
    title: { 
     text: function(api) { 
      return(qtip_title); 
     } 
    } 
    }, 
    position: { 
    viewport: $(window) 
    }, 
    style: { 
    classes: 'ui-widget ui-tooltip-rounded ui-tooltip-shadow ui-tooltip-dark', 
    widget: true, 
    tip: 'top center', 
    width: 220, 
    height: 200, 
    padding: 5, 
    background: 'black', 
    textAlign: 'left', 
    border: { 
     width: 7, 
     radius: 5, 
     color: '#A2D959' 
    }, 
    tip: 'top center', 
    }, 
    show: { 
    ready: true 
    } 
});

출처

2012-04-20 Sanjay Bhatt

문제를 해결 했습니까? 그렇지 않다면, 나는 당신의 문제를 가지지 않기 때문에 더 많은 정보를 제공해주십시오 :) – Neysor

P6345uk에 명시된 바와 같이 qTip2의 사용자 정의 스타일을 제거하려면 style.def = false를 설정해야합니다. 나를 위해 일했다.

$('.selector').qtip({ 
    content: 'I won\'t be styled by the pages Themeroller styles', 
    style: { 
     widget: true, // Use the jQuery UI widget classes 
     def: false // Remove the default styling (usually a good idea, see below) 
    } 
})

출처

2013-12-19 11:52:56 Tsonev

qtip2에서 themeroller 테마 사용

답변

관련 문제