0

いくつかのセルを含むテーブルがあります。(jquery を使用して) セルをクリックすると、4 つの部分に分割されます (時間間隔、各部分が 15 分を表します)。

// example
<table>
   <tr>
      <td></td>
      <td></td>
      <td>
         <div class="divider">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
         </div>
      </td>
      <td></td>
   </tr>
</table>

これは正常に機能していますが、すべてのラベル (4 個) の幅を計算したいと考えています。画面がリサイズされるとセルの幅が変化する

たとえば、クリックされたセルの幅が 17 px の場合。幅を合わせたい

// span 1: 4px    
// span 2: 5px    
// span 3: 4px    
// span 4: 4px 
// total: 17px

ただし、セルの幅が 22px の場合、次の結果は望ましくありません 

// span 1: 6px    
// span 2: 5px    
// span 3: 6px    
// span 4: 5px 
// total: 22px

mod と除算を使用していくつかの計算を試みましたが、望ましい結果を得ることができませんでした。

@編集 | JSFiddle コードを追加 このファイルでは、td 幅は静的に 22px に設定されています。 https://jsfiddle.net/cymvfmmb/

4

2 に答える 2

0

カスタムソートを作成するにはどうすればよいですか

// Algorithm needs to be
// low | highest | lowest | highest
[7,6,6,6] would become [6,7,6,6]

// custom sorting the array
    arr.sort(function(x, y){
        if(y < x){
            return x - y;
        }
    });
于 2017-01-03T08:48:11.313 に答える