3

現在、アプリケーションでREDMONDテーマを使用しており、qtip2ツールチップにのみTHEMEROLLERテーマを使用する必要があります。ツールチップをウィジェットとして定義したので、テーマローラーを使用する必要があります。私が決めることができないのは、私のjavascriptファイルにthemerollercssファイルを追加する方法と場所です。

助けてください。

ヘッドセクションの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
    }
});
4

1 に答える 1

2

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)
    }
})
于 2013-12-19T11:52:56.373 に答える