Как сделать так, чтобы граница в элементе div отображалась только в том случае, если в зоне веб-части есть веб-часть> - PullRequest
Новая
       18

Как сделать так, чтобы граница в элементе div отображалась только в том случае, если в зоне веб-части есть веб-часть>

0 голосов
/ 11 марта 2020

У меня есть веб-часть, завернутая в div, к которому применена граница (class = "wpz-1"). Граница отображается на странице независимо от того, есть ли в этой зоне веб-часть или нет. Как сделать так, чтобы граница отображалась, только если в зоне веб-части есть веб-часть? 

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

1 Ответ

0 голосов
/ 12 марта 2020

Вы можете попытаться изменить атрибут div в зависимости от дочерних элементов вашей зоны (если веб-часть отсутствует в зоне веб-части, она не будет отображаться в результате моего тестирования, поэтому проверьте зону веб-части, чтобы убедиться, что внутри веб-части есть <div customAttr="customAttr" ).

Просто демо: 

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