我希望按鈕被顯示在另一個之上

我有兩個函數在我的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); 

}

來源

2012-01-15 BruceyBandit

我想，如果你改變你在按鈕的樣式屬性從inline-block到block設置display屬性你會沒事的。

使用此：

style='display: block;'

，而不是這樣的：

style='display: inline-block;'

注意除此之外，我相信你的代碼看起來壞了。代碼示例中的格式不太明瞭，所以我可能會誤認我的自我，但我無法弄清楚你的標誌，它們看起來很亂。看起來您正在執行傳遞給.each()方法的函數。代碼是否按預期工作？

來源

2012-01-15 16:14:12

代碼起作用的只是我粘貼了部分代碼而不是整個代碼。當您將按鈕顯示在另一個上方時，您的答案已奏效。最後一個問題，我如何居中它，因爲align =「center」不起作用 – BruceyBandit 2012-01-15 16:29:13

我希望按鈕被顯示在另一個之上

回答

相關問題