Какой тип функции jQuery можно использовать для ожидания отображения нескольких кнопок социальных сетей (например, Facebook Like / Send, Twitter Follow / Tweet, Google+) только после того, как все они будут загружены из соответствующего источника. Проблема, с которой я сталкиваюсь, заключается в том, что после загрузки страницы у меня есть эти кнопки социальных сетей, я должен ждать одну за другой, пока эти кнопки загружаются, и это не выглядит привлекательным для пользователя. Есть идеи, что я могу с этим сделать?

1
Alexa Green 28 Авг 2011 в 22:21

2 ответа

Лучший ответ

Поместите их все в один контейнер <div> со стилем visibility:hidden;.

Затем после срабатывания window.load(), который ожидает загрузки всех изображений на странице, используйте jQuery, чтобы снова отобразить его ...

$(window).load(function(){
    $('#myContainerDiv').css('visibility', 'visible');
});

В отличие от display:none;, использование visibility:hidden; гарантирует, что скрытый объект по-прежнему занимает такое же количество места в потоке контента. Изменение его на visibility:visible; просто переключает его, не изменяя положения окружающего контента.

1
Sparky 29 Авг 2011 в 18:26

Воспользуйтесь такой службой, как AddThis, чтобы сделать это за вас.

1
Diodeus - James MacFarlane 29 Авг 2011 в 17:54