Функция скрытия и отображения не работает в Safari

Эта функция должна перестать отображать #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();
});

Кто-нибудь знает обходной путь для этого?


javascript jquery safari6
person Marcelo Srougi    schedule 24.05.2013    source источник
comment
Изменит ли результат использование $(this).hide();?   -  person tymeJV    schedule 24.05.2013

Ответы (1)


arrow_upward
1
arrow_downward

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');
    });
});
person Phil Sinatra    schedule 24.05.2013