Question

您好我开发了一个应用程序，其中td出现并且并排消失。

＆＃13;

lastInsertTd = 0;
function newSlidingTd() {
  tr = jQuery('#myline');
  var lastTd = jQuery('#myline').children().last();

    td = jQuery("<td></td>")
      .attr('id', 'slidingTd' + lastInsertTd+1)
      .attr('style', 'display:none;vertical-align:top;width:100%');
    tr.append(td);
    tdSuivant = jQuery('#slidingTd' + lastInsertTd+1);
    tdActuel = jQuery('#slidingTd' + lastInsertTd);

  /*animation*/
    tdActuel.toggle('slide', {
      direction: 'left'
    }, 500);
    tdSuivant.toggle('slide', {
      direction: 'right'
    }, 500);
lastInsertTd = lastInsertTd+1;
}

＆＃13;

table {
  width:100px
}
td {
  border: black solid 1px;
  width:100%
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<table>
  <tr id="myline">
    <td id='slidingTd0' onclick="newSlidingTd()">
      1
    </td>
  </tr>
</table>

＆＃13;

＆＃13; 但是当我打电话给我的赛事时，我的新赛道并没有从右侧滑落，而是略低一些。我怎样才能完成这个＆＃34; bug＆＃34;？（当我在td中创建div时也会发生这种情况）

Answer 1

如果它略低，那么很可能是显示空格的问题。

尝试在父元素中设置line-height: 0;（我猜是tr），或删除< /td >< td >

之间的空格

两个td标签不能并排滑动

1 个答案: