javascript - jquery if css height > Xpx 这样做

Question

一旦 CSS 元素达到特定高度，是否有任何方法可以使用 jquery 触发函数？

我想象一个例子看起来像这样:

function(){
if( $("#bar").css('height') > '20px') {
$("#mydiv").show();
});

HTML:

<b style="display:none" id="mydiv">Hello!</b>

似乎找不到成功使其工作的方法。

示例:http://jsfiddle.net/5ptkqajv/1/

Answer 1

您可以在点击函数中添加检查，以便在高度变化时执行:

$('h1').on("click", function() {
    advanceRound();
    render();
    if($("#fill").height() > 60){ 
        $("#mydiv").show(); 
    }
});

Updated Fiddle

或者，您可以在函数 renderBar() 中添加检查。