바디클랜져
728
2019-02-26 15:42:37
4
937

$(document).ready(~) 사용 시 깜빡임


대부분은 신경안쓰이겠지만 꼼꼼한 사람한테는 이것도 문제삼으면 문제가 되는것 같더라구요

문제는 아래같습니다.

aaa.html

<body>

  <select>

  </select>

...

  <script src="static/js/common.js" </script>

</body>


common.js

$(document).ready(function(){

  setSelectOptions();

});


위같은 코드가 있다고 가정할때

새로 고침을 하게 되면 몇 밀리세컨드 차이로 selectbox가 비었다가 채워지는 것을 확인할 수 잇습니다.

개발자도구열어서 스냅샷 찍어보면 확인되구요


이런 미세한 깜빡임... 

꼼꼼한 사람에게는 이것도 신경이 쓰이는것같습니다.


이런건 어떻게 해결들 하시나요?(단, select의 option 은 javascript로 채울수 밖에없습니다.)


0
  • 답변 4

  • 유리세계
    3k
    2019-02-26 15:47:51

    전체화면을 덮는 로딩화면을 하나 주던가

    selectbox만이 문제라면, 기본이 되는 option을 주어주고 스크립트로 append만 시킨다던가요

  • 유키
    1k
    2019-02-26 16:42:26

    그런 거 신경 쓰는 사람은 또 처음 보네요.

    display none 해놨다가 값 채우고 보여줘도 될 듯...

  • Keloper245
    1k
    2019-02-26 17:34:33

    깜빡거리는걸 신경쓰시는분들 많지 않나요?


    셀렉스박스 내용물이 채워질때 동안

    셀렉트박스 쪽에 로딩 빙빙 돌게 한후에 완료되면 표시하는게 보통입니다.

  • 더미
    18k
    2019-02-27 07:37:45

    https://meetup.toast.com/posts/160

  • 로그인을 하시면 답변을 등록할 수 있습니다.