0

我将如何使用 jquery 将每个 .ms-cal-tweekitem 的高度设置为 .ms-cal-eworkday 的呈现高度。这是在共享点日历​​中,我不允许编辑 ASPX :(。

Sharepoint 正在使用行跨度来更改每个事件的高度,但包含的表格没有扩展以填充它的高度:100% 剂量似乎有效。

<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>

谢谢

刘易斯

4

1 回答 1

1

简单:

 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()将返回高度加上任何填充或边距。

于 2012-12-07T10:17:37.230 回答