0

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>

ありがとう

ルイス

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 に答える