Question

我如何使用jquery将每个.ms-cal-tweekitem的高度设置为.ms-cal-eworkday的渲染高度。这是一个共享点日历，我不允许编辑ASPX :(。

Sharepoint正在使用rowspan来更改每个事件的高度，但是所包含的表格没有扩展以填充它的高度：100％dosent似乎有效。

<td class="ms-cal-eworkday" rowspan="8"> 
<table cellpadding="0" cellspacing="0" border="0" class="ms-cal-tweekitem" dir="" style="background-color: rgb(6, 92, 165);">
<tbody><tr>
    <td valign="top" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=4" onclick="GoToLink(this);return false;" target="_self">
     <div>
      <img src="/_layouts/images/blank.gif" width="50" height="1" alt=""><br>
      <img src="/_layouts/images/recursml.gif" class="ms-cal-hidden" alt="" align="absmiddle">
      <a onfocus="OnLink(this)" class="ms-cal-dayitem" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=4" onclick="GoToLink(this);return false;" target="_self" tabindex="5">
        <nobr>03:00 PM</nobr>
        <br>
        <b>test3</b>
        <br>
        YS12 NHT
        </a>
     </div>
     </td>
 </tr>
 </tbody></table>
</td>

谢谢

路易斯

Answer 1

Simples：

 var ms-cal-eworkdayHeight = $('.ms-cal-eworkday').height();
 $('.ms-cal-tweekitem').height(ms-cal-eworkdayHeight);

你也可以这样做：

 var ms-cal-eworkdayHeight = $('.ms-cal-eworkday').outerHeight();
 $('.ms-cal-tweekitem').height(ms-cal-eworkdayHeight);

outerHeight()将返回高度加上任何填充或边距。

Jquery表继承包含td的高度

1 个答案: