Question

我有以下代码的JQuery：

$(".header").css('margin-top', $("#imgHeading").height());

它将具有header类的上边距的元素设置为具有imgHeader id的元素的高度。

我想运行一个if语句，在运行实际函数之前检查header的上边距是否等于imgHeader的高度。

if (/* condition needed here Eg. marginTop != height */) {
    $(".header").css('margin-top', $("#imgHeading").height());
}

我只需要条件，努力弄清楚该做什么。

Answer 1

你可以试试这个：

<Table height={this.state.height}   fixedHeader={this.state.fixedHeader}   fixedFooter={this.state.fixedFooter}  selectable={this.state.selectable}   multiSelectable={this.state.multiSelectable} >
      <TableHeader  displaySelectAll={this.state.showCheckboxes} adjustForCheckbox={this.state.showCheckboxes} enableSelectAll={this.state.enableSelectAll} >
        <TableRow>
             <TableHeaderColumn colSpan="3" tooltip="Super Header" >
                <h5 className="mgn20">Employee Details</h5>
             </TableHeaderColumn>
        </TableRow>
        <TableRow>
          <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
          <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
          <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
        </TableRow>
      </TableHeader>
      <TableBody  displayRowCheckbox={this.state.showCheckboxes}   deselectOnClickaway={this.state.deselectOnClickaway}   showRowHover={this.state.showRowHover}  stripedRows={this.state.stripedRows}>
        {tableData.map( (row, index) => (
          <TableRow key={index} selected={row.selected}>
            <TableRowColumn>{index}</TableRowColumn>
            <TableRowColumn>{row.name}</TableRowColumn>
            <TableRowColumn>{row.status}</TableRowColumn>
          </TableRow>
              ))}
    </TableBody>
      <TableFooter adjustForCheckbox={this.state.showCheckboxes}>

      </TableFooter>
</Table>

Answer 2

这个答案适用于IE10及更低版本以外的所有内容。它也适用于百分比值：

if(getComputedStyle($(".header")[0]).marginTop == getComputedStyle($("#imgHeading")[0]).height)

jsfiddle here

如何检查一个元素的margin-top是否等于另一个元素的高度

2 个答案: