Javascript 元素在淡出（）后立即重新出现

我试图在点击按钮后淡出一些按钮，但它们会立即重新出现。这是安卓4.2上的PhoneGap2.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>

谢谢

试试这个：

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

---

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

页面是否正在刷新？谢谢您的编辑！它似乎没有刷新，因为其余元素保持原样。raina77ow，您能否详细说明悬停样式在这种情况下的作用？是否有更多的代码……是否有代码导致它出现？有更多的代码，但没有一个适用于这些元素。

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