Javascript 在qtip2中使用themeroller主题

Javascript 在qtip2中使用themeroller主题,javascript,jquery,qtip2,Javascript,Jquery,Qtip2,我目前在我的应用程序中使用REDMOND主题,只需要在qtip2工具提示中使用THEMEROLLER主题。因为我已经将工具提示定义为一个小部件,所以它应该使用themeroller。我无法决定的是如何在我的javascript文件中添加themeroller css文件 请帮忙 head部分中的css文件包括: <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.19.custom.css" />

我目前在我的应用程序中使用REDMOND主题,只需要在qtip2工具提示中使用THEMEROLLER主题。因为我已经将工具提示定义为一个小部件,所以它应该使用themeroller。我无法决定的是如何在我的javascript文件中添加themeroller css文件

请帮忙

head部分中的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" />

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

你解决问题了吗?如果没有,请向我提供更多信息,因为我不了解您的问题:)
$(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
    }
});
$('.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)
    }
})