javascript - 隐藏和显示功能在 Safari 中不起作用

Question

此功能应停止显示#bt_pagamento并开始显示#bt_loading。但Safari（版本 6）是唯一不支持此功能的浏览器。在Safari的早期版本（5.1.9 Mac和5.1.7 Win版）中，它运行良好。

$("#bt_pagamento").click(function () {
$(this).css({'display':'none'});
$("#bt_loading").show();
});

有谁知道解决这个问题？

Answer 1

CSS

<style>
.hide { display: none; }
</style>

HTML

<a href="#" id="bt_pagamento">link</a>
<div id="bt_loading" class="hide">
    this is bt_loading
</div>

JS

$(document).ready(function() {
    $("#bt_pagamento").click(function (e) {
        e.preventDefault();
        $(this).addClass('hide');
        $("#bt_loading").removeClass('hide');
    });
});

Answer 2

<script>
jQuery.noConflict()(document).ready(function() {
    $('#hide_value_discount_1').css('disabled','none');
    $('#bt_loading').click()(function(){

        if(document.getElementById('bt_pagamento').click()){
            $('#bt_loading').show('slow');  

        }else
            if(document.getElementById('bt_pagamento').click() == false){
             $('#bt_loading').css('display','none');    

            }

    });
    $('#bt_pagamento').click();
});
</script>


<a href="#" id="bt_pagamento">link</a>
<div id="bt_loading" class="hide">
    this is bt_loading
</div>