SASS特定性等級

-2

爲什麼下面的Div不會出現在按鈕點擊？如何解決它，而不使用！在第二課中重要？我不想使用removeClass。SASS特定性等級

function run(){ 
 
    $('.one').addClass('two'); 
 
}

.base{ 
 
    background-color:#FF0000; 
 
    & .one{ 
 
    opacity:0; 
 
    display:block; 
 
    
 
    color:#FFF; 
 
} 
 
} 
 
.two{ 
 
    opacity:1; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="base"> 
 
    <div class="one"> 
 
     Hello World! 
 
    </div> 
 
</div> 
 
<button click="run()">Click me!</button>

來源

2015-06-25 Aditya Kappagantula

試試這個http://jsfiddle.net/o0dc5p45/ – Sushil

你看編譯CSS？這是你所期望的嗎？ – cimmanon

是的。我正在複製我的確切用例。不透明度不會更改爲1.我正在使用SASS。 –

的HTML應的onclick不點擊

function run(){ 
 
    $('.one').addClass('two'); 
 
}

.one{ 
 
    opacity:0; 
 
    display:block; 
 
    background-color:#FF0; 
 
    color:#FFF; 
 
} 
 

 
.two{ 
 
    opacity:1; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="one"> 
 
    Hello World! 
 
</div> 
 

 
<button onclick="run()">Click me!</button>

來源

2015-06-25 23:54:52 depperm

我的印象不好。即使那樣它在我的用例中也不起作用。讓我嘗試發佈它不同。 –

好笑！我無法在Ember JS應用程序中做同樣的事情！它工作得很好，如果我用純jQuery做。 –

修改了這個問題，問題出現在SASS層次結構中。 –

SASS特定性等級

回答

相關問題