1

タイトルはそれをかなりうまくまとめる必要があります...

このフィドルでは、「スイッチ」テキストを押すと、jQueryは元のヘッダーの代わりに複製ヘッダーを作成します。（今のところ）唯一間違っているのは、入力フィールドが右に移動することです。

どうすればこれを止めることができますか？

参照用のjQueryコード（Stack Overflowはコードがないことを好みません）：

function duplicate(){
    var w = $('#old').find('tr:last').find('td').map(function(index){
        return $(this).outerWidth();
    }).get();
    var newth = $('#oldHead').find('th').map(function(){
        return $(this).text();
    }).get();
    for (var i = 0; i < newth.length; i++){
        if (i<1){
            $('<span>' + newth[i] + '</span>').appendTo('#new');
        } else {
            $('<span style="width:' + (w[i] - 20) + 'px">' + newth[i] + '</span>').appendTo('#new > #newfloat');
        }
    }
    $('#oldHead').find('tr').remove();
    $('#oldBody').find('tr:first').find('td').each(function(index){
        $(this).css({'width': w[index] + 'px'});
    });
}

$('#switch').click(function(){
    duplicate();
});
4

1 に答える 1

0

この問題はmin-width、問題のあるタグのプロパティtdと、左右のパディングを削除することで解決されました。

http://jsfiddle.net/verism/s7VBu/

これが引き起こす可能性のある落とし穴を誰かが知っているなら、私は聞いてみたいと思います。

于 2013-02-05T03:23:33.763 に答える