Ошибка jQuery Hide-Reposition-Show в Internet Explorer 8

Question

$('.hexLink').hide();    //Hides All hexLink elements
renderHexagons();        //Position hexLink elements
positionElements();      //Position elements within hexLink elements
handleEvents();          //Establish events and handlers and Show hexLink elements

Моя проблема с этим кодом в IE8 заключается в том, что он показывает элементы моей страницы на короткое время, примерно на полсекунды.И в этот период эти элементы расположены так, как мне нравится, и они выглядят довольно плохо, но после этого периода они перерисовываются в том положении, в котором я хочу их видеть.Это происходит со всеми элементами на моей странице.В настоящее время я тестирую это в localhost.Могу ли я в любом случае перекодировать, чтобы этого не произошло?На Chrome все выглядит хорошо.

Answer 1

Ммм, это потому, что время заняло все твои дела.Не простое решение (кроме как сделать ваш код более эффективным).

Но вы могли бы показать анимацию загрузки и заблокировать страницу, пока все не закончится, а затем разблокировать все это, используя удивительный плагин jquery blockui.

Итак, у вас будет:

$(document).ready(function(){
  $.blockUI(); //Starts loading animation
  $('.hexLink').hide();    //Hides All hexLink elements
  renderHexagons();        //Position hexLink elements
  positionElements();      //Position elements within hexLink elements
  handleEvents();          //Establish events and handlers and Show hexLink elements
  $.unblockUI(); //Ends loading animation
});

Надеюсь, это поможет.Приветствия

Answer 2

Вы можете начать скрытые элементы с самого начала, а затем показывать их только после того, как они переместятся.