Javascript 在qtip2中使用themeroller主题
我目前在我的应用程序中使用REDMOND主题,只需要在qtip2工具提示中使用THEMEROLLER主题。因为我已经将工具提示定义为一个小部件,所以它应该使用themeroller。我无法决定的是如何在我的javascript文件中添加themeroller css文件 请帮忙 head部分中的css文件包括: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" />
<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)
}
})