항목의 목록을 렌더링하는 것은 내 템플릿 (및 지침 <a href="http://sammyjs.org/docs/tutorials/json_store_1" rel="nofollow">http://sammyjs.org/docs/tutorials/json_store_1</a>) 사용하여 렌더링 한 다음 서버에서 주문 항목의 목록을로드하려고

Question

순서 나누기 : 나는 재미있는 효과를 관찰

questions_container = $('.questions_container').first() 

@sammy = Sammy '#foo', -> 
    @use 'Template' 

    @get '#/', (context) -> 
    context.log 'Loading questions...' 
    @load('questions.json') 
     .then (items) -> 
     $.each items, (i, item) -> 
      context.log item.id 
      context.render('assets/question.template', {item: item}) 
      .appendTo(questions_container) 

에게 그 방화 광 콘솔에서 모든 항목은 서버가 반환 한 순서대로 (ID 순으로) 기록되지만 DOM에서는 뒤섞이는 경향이 있습니다.

이 문제는 render() 병렬 논리로 인해 발생합니까? 항목의 순서가 DOM에 유지되도록하려면 어떻게해야합니까? 감사!

Answer 1

중고 renderEach 아론 퀸트 (새미의 저자) Google group에 제안 :

questions_container = $('.questions_container').first() 

@sammy = Sammy '#foo', -> 
    @use 'Template' 

    @get '#/', (context) -> 
    context.log 'Loading questions...' 
    @load('questions.json') 
     .then (items) -> 
     context.renderEach('assets/question.template', items) 
      .appendTo(questions_container)