只有在Webpart区域中包含Webpart的情况下才会显示div中的边框>

Question

我有一个包裹在div中的webpart，该div上应用了边框（class =“ wpz-1”）。无论Webpart区域中是否包含Webpart，边框都会显示在页面上。仅当webpart区域中包含webpart时，才如何显示边框？

<div class="wpz-1">
    <div data-name="WebPartZone">
        <!--CS: Web Part-->
        <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <div xmlns:ie="ie">
            <!--MS:<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" ID="x8600600cbb2046468f9615155e5fd921" FrameType="TitleBarOnly" Orientation="Vertical" >-->
                <!--MS:<ZoneTemplate>-->
                    <!--DC: - Web Part  -->
                <!--ME:</ZoneTemplate>-->
            <!--ME:</WebPartPages:WebPartZone>-->
        </div>
        <!--CE: Web Part-->
    </div>
</div>

Answer 1

您可以尝试根据区域的子元素来更改div属性（如果在webpart区域中没有Webpart，则根据我的测试，该属性将不会显示，因此请检查Webpart区域以确认<div customAttr="customAttr"内部是否存在Webpart） 。

仅演示：

<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server">
<style>
.wpz-1{
    border:1px fuchsia groove;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function () {
            if ($('div.ms-webpart-zone', 'div[customAttr="customAttr"]').length < 1) {
                $('div.wpz-1').removeClass("wpz-1");
            }
        })        
    </script>

<WebPartPages:SPProxyWebPartManager runat="server" id="spproxywebpartmanager"></WebPartPages:SPProxyWebPartManager>
<p></p>
<div class="wpz-1">
    <div data-name="WebPartZone">
        <div customAttr="customAttr" xmlns:ie="ie">
            <WebPartPages:WebPartZone runat="server" AllowPersonalization="false" ID="x8600600cbb2046468f9615155e5fd921" FrameType="TitleBarOnly" Orientation="Vertical" >                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
            <ZoneTemplate>
                    <!--DC: - Web Part  -->
                </ZoneTemplate>
            </WebPartPages:WebPartZone>
        </div>
    </div>
</div>
</asp:Content>