javascript - 在qtip2中使用themeroller主题

我当前在我的应用程序中使用REDMOND主题，并且仅需要将THEMEROLLER主题用于qtip2工具提示。由于我已将工具提示定义为小部件，因此应该使用themeroller。我无法确定在我的JavaScript文件中如何添加themeroller css文件以及在何处添加。

请帮忙。

头部的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文件末尾的javascript文件是:

<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
    }
});

最佳答案

如P6345uk所述，您应该设置style.def = false以删除qTip2的任何自定义样式。为我工作。

$('.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)
    }
})