0

内部divを持つテーブルにセルがあります:

<td class="source">
  <div class="overflow">
    <a href...>...</a>
  </div>
</td>

最初に私がしたい：

td .overflow {      
overflow: hidden;       
text-overflow: ellipsis;
}

次に、要素のjavascript mouseenterハンドラーで：

$(this).parents('td').css('overflow', 'visible').css('text-overflow', 'visible')

しかし、うまくいきません！ホバーしても何も起こらない...なぜ？コードを逆にして、最初にオーバーフローを表示すると、ホバーで非表示になります。

ありがとうございました

4

1 に答える 1

1

TD要素ではなく、すべてのparentsを検索してい.overflowます。これを試して：

$(this).closest('.overflow').css({
    overflow: 'visible',
    textOverflow : 'visible'
});

オーバーフローをオンに設定しTDても、すべてのブラウザーで期待どおりに機能するとは限りません。

于 2013-10-23T17:57:10.230 に答える