Question

我试图在他们点击之后淡出一些按钮，但他们会立即重新出现。这是Android 4.2上的Phonegap 2.7。在Windows Chrome中，元素在淡出后会保持隐藏状态。有人能帮我吗？如果这有助于解释事情，我可以发布行为视频。

HTML

<div id='button-div' class='row'>
    <div id='yes-outer' class='col-xs-5 col-xs-offset-1'>
        <div class='button'>
            <i class="glyphicon glyphicon-ok"></i>
            <span>Yes</span>
        </div>
    </div>
    <div id='no-outer' class='col-xs-5'>
        <div class='button'>
            <i class="glyphicon glyphicon-remove"></i>
            <span>No</span>
        </div>
    </div>
</div>

JS

$('.button').unbind('click').bind('click',function() {
    $('#button-div').fadeOut();
});

谢谢！

Answer 1

试试这个：

$('.button')[0].onclick=function() {
    $('#button-div').fadeOut();
}

您可以为fadeIn（）和onClick添加另一个函数。他们俩都立即打电话并导致这个问题。在此方法中，删除函数列表并将其替换为该函数。

fadeOut（）后元素立即重新出现

1 个答案: