2016-11-22 18 views
5

我正在用css-loader使用webpack。除了我不知道如何使用jQuery來選擇一個CSS加載器轉換的類以外,一切都工作正常。轉化的類名看起來是這樣的「SRC-styleauthTextboxLeft1Npf4」與下面的CSS-程序的配置:如何使用jQuery選擇由css-loader轉換的類名?

css?sourceMap&modules&importLoaders=1&localIdentName=[path][name]__[local]__[hash:base64:5]' 

這裏的陣營代碼

const Auth = (props) => { 
    const toggle = (event) => { 
    // Working example 
    $('#container').css('background', 'blue'); 

    // Not working 
    $(styleCSS.container).css('background', 'green'); 
    }; 
    return (
    <div id="container" className={styleCSS.container} onClick={toggle} /> 
); 
}; 

反正有使使第二選擇作品?

回答

2

如果styleCSS.container是一類,那麼您只需在其前面添加一個.即可。試試這個:

$('.' + styleCSS.container).css('background', 'green');

+0

它沒有工作。編譯的代碼如下所示:「(0,_jquery2.default)('。'+ _style2.default.authTextboxMask).css('background','blue');」。看起來像css-loader不轉換js代碼中的類 –

+0

你可以console.log(styleCSS.container)並告訴我輸出嗎? – davidatthepark

+0

哦。這行得通!這是改名。我之前記錄了錯誤的課程。非常感謝你的幫助! –