1

我不知道如何正确地将 a 添加veil到表格行中。

请看这个http://jsfiddle.net/gKVpm/

我想要发生的是，在加载表格的第一行和第三行时，将通过添加一个 div 来禁用它，该 div 将充当面纱来覆盖它。我试图动态创建一个 div（面纱），但我不知道将面纱添加到行的正确方法。请帮忙。

4

4 回答 4

4

你可以试试

function putVeil (rowNumber) {
    $("#tblData tbody tr:eq("+rowNumber+")").each(function(i) {
        var offset = $(this).offset();
        var veil = $('<div class="divVeil"></div>').appendTo('body').css({
            position: 'absolute',
            top: offset.top,
            left: offset.left,
            height: $(this).outerHeight(),
            width: $(this).outerWidth()
        });
    });
}

演示：小提琴

于 2013-02-18T03:52:41.363 回答
2

面纱的目的究竟是div什么？从您的小提琴的外观来看，您只想更改背景颜色，在这种情况下，您可以将 jQuery 的.addClass()功能与 CSS 规则结合使用，直接向您tr的 s 添加一个类。

你的 JavaScript 是这样的：

function putVeil (rowNumber) {
    $("#tblData tbody tr:eq("+rowNumber+")").addClass("veil");
}

这适用于 CSS 规则：

.veil {
    background-color: #C3C3C3;
}

摆弄小提琴：http: //jsfiddle.net/gKVpm/1/

如果您想将您的“面纱”想法用于更复杂的事情，请告诉我们。

于 2013-02-18T03:51:09.723 回答
1

更容易，我建议向该行添加一个类，而不是使用确定它已禁用的“面纱”，然后使用该 css 类名称使用 jquery 进行验证，此外，如果您可以使用该 css 类作为禁用样式这也是你所要求的。

于 2013-02-18T03:44:48.757 回答
1

将您的类的样式定义放在 CSS 中。因为大小由父元素决定，所以您可以将它们都设置为 100% width。height

http://jsfiddle.net/UjcB2/2

于 2013-02-18T03:48:15.747 回答