Коллапсирующий пузырь, как избежать?

Question

Код FB загружается в div, скрытый на странице. Когда щелкают раздел, используя jQuery, я перемещаю контент в новое место. Это приводит к разрушению пузыря box_count, только в IE. Переходя к HTML, я вижу, что атрибут ширины классифицированного элемента .connect_widget_number_cloud имеет значение 1px. Поскольку он находится в другом домене, я не могу зайти в дочерний контент и обновить ширину. Могу ли я что-либо сделать: 1. Принудительно не отображать пузырь, чтобы я мог наложить пузырь, или 2. Сделать так, чтобы он правильно отображался в IE?

Пузырь появляется, как и ожидалось, до тех пор, пока не будет перемещен.

Answer 1

Вы можете обойти это, динамически добавляя код виджета вместо того, чтобы помещать его в строку. Вы можете использовать пустой заполнитель DIV в соответствующей области, затем при расширении раздела добавьте код и скажите Javascript SDK для его анализа. Пример использования jQuery для краткости:

var placeholder = $('#placeholder_id');
placeholder.append('<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>');
FB.XFBML.parse(placeholder[0]);

Одним из преимуществ здесь является то, что это означает, что виджет отображается только при расширении раздела, что может незначительно замедлить загрузку раздела, но ускорит остальную загрузку страницы.