Question

我的jquery中有两个函数可以管理按钮，然后显示按钮。我想要的是我希望按钮显示在表格行中，但我希望按钮不会彼此相邻显示，而是显示在彼此之上。有谁知道如何在我的jquery代码中执行此操作？

下面的Jquery代码：

function insertQuestion(form) {   

   var $answer = $("<table class='answer'></table>");


   $('.allBtns:first-child').each(function() {
            var $this = $(this);
            var $allBtnsClass = '';

    $allBtnsClass = $("<input class='allBtns btnsAll' type='button' style='display: inline-block;' value='Select All Answers' onClick='selectAll(this);' />").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
        }
            $answer.append($allBtnsClass);
        });

        $('.allRemoveBtns:first-child').each(function() {

            var $this = $(this);
            var $removeBtnsClass = '';

            $removeBtnsClass = $("<input class='allRemoveBtns btnsRemove' type='button' style='display: inline-block;' value='Remove All Answers' onClick='removeAll(this);' />").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
        }

            $answer.append($removeBtnsClass);
        });

    $tr.append($answer);

}

Answer 1

如果您将按钮的样式属性中设置的display属性从inline-block更改为block，我想你会没事的。

使用此：

style='display: block;'

而不是：

style='display: inline-block;'

注意除此之外，我相信您的代码看起来很糟糕。代码示例中的格式不是那么可读，所以我可能会误以为自己，但我无法解决你的{}标志，他们看起来搞砸了。看起来你正在执行传递给.each()方法的函数之外的东西。代码是否按预期工作？

我希望按钮显示在彼此之上

1 个答案: