List.js가 Chrome에서 제대로 정렬되지 않음

그래서 list.js로 여러 항목을 정렬하는 동안 Chrome에서 이상하게 정렬됩니다. 당신은 상단에있는 카테고리를 누르면 목록이 이미 범주별로 다음 제목을 알파벳 순으로 정렬되어 같은
http://jsfiddle.net/xku3R/List.js가 Chrome에서 제대로 정렬되지 않음

는, 아무것도 일어나지한다 :

여기 데모입니다. Firefox 및 Safari에서는 의도 한대로 작동하지만 Chrome에서는 작동하지 않습니다. Chrome은 이상한 방식으로 제목별로 다시 정렬됩니다.

나는 그때 카테고리로 디자인과 마지막 항목을 제거하면 의도 한대로, 작동 있습니다 것으로 나타났습니다 :
http://jsfiddle.net/5s5tB/

어떤이 동작이 발생할 수 있을까?

var articleList = new List('articlelist', {valueNames: [ 'category', 'title' ]}); 

$('span.sort').click(function() { 
    var value = $(this).data('sort'); 
    if(value == 'category') { 
     articleList.sort('title', { asc: true }) 
     articleList.sort(value, { asc: true }) 
    } else { 
     articleList.sort(value, { asc: true }) 
    } 
});

HTML

<ul> 
    <li class="category"> 
     <span class="sort" data-sort="category">Category</span> 
    </li> 
    <li class="overflow"> 
     <span class="sort" data-sort="title">Title</span> 
    </li> 
</ul> 

<main id="articlelist"> 
    <ul class="list"> 
     <li> 
      <span class="category">Architecture</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/djennes-mud-mosque/">Djenné’s Mud Mosque</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Architecture</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/previ/">PREVI</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Architecture</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/revolutionary-housing-argentina/">Revolutionary housing in Argentina</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Architecture</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/high-line/">The High Line</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/edge-city-sao-paulo/">Edge City (São Paulo)</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/istanbul/">Istanbul</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/jenin/">Jenin</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/rebuilding-beirut/">Rebuilding Beirut</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/shenzhen/">Shenzhen</a> 
      </span> 
     </li> 
     <li> 
      <span class="category">Cities</span> 
      <span class="overflow"> 
       <a class="title" href="http://someurl.com/unreal-estate-london/">Unreal Estate (London)</a> 
      </span> 
     </li> 
    </ul> 
</main>

출처

2013-12-21 INT

Linux 용 Chrome : 재생할 수 없으며 예상대로 작동합니다. – punund

@punund 감사합니다. 잘 알고 있습니다. OSX에서 31.0.1650.63을 사용하고 있습니다. 두 가지 바이올린을 모두 확인 했습니까? http://jsfiddle.net/xku3R/는 작동하지 않는 것입니다. – INT

나에게도 효과가 있으며, 크롬은 창문에 붙어있다. – Ani

당신은 크롬의 종류 두 번째로 정렬하는 것은 반드시 먼저 생성 순서를 유지하지 않을 것이라는 의미 안정되지 않는 맞았을 종류. 또한 나는 list.js가 안정된 정렬을 구현한다는 것을 알지 못한다. Sorting an array of objects in Chrome

출처

2014-03-26 10:29:35

List.js가 Chrome에서 제대로 정렬되지 않음

답변

관련 문제