Question

我正在使用结构化数据标记帮助工具来突出显示并选择带有相关数据的HTML元素。我有以下问题。

DNN具有仅在onload事件上加载链接和图像的控件。（品牌信息）

<div class="dnn-logo">
    <dnn:LOGO runat="server" id="dnnLOGO" />
    <div class="LogoPane" id="LogoPane" runat="server" visible="false">
    </div>
</div>

荧光笔工具显示我应该像这样添加itemprop="logo"：

 <div class="dnn-logo"><a id="dnn_dnnLOGO_hypLogo" title="Our Company | Home" href="https://www.mywebsite.com/">
     <img itemprop="logo" id="dnn_dnnLOGO_imgLogo" src="/Portals/2/Images/logo.png" alt="Our Company | Home"/></a>
</div>

我必须使用JQuery以某种方式在所有内容加载后添加微数据吗？

Answer 1

您可以做到

<script type="text/javascript">
    $(document).ready(function () {

        $('#<%= dnnLOGO.ClientID %>_imgLogo').attr("itemprop", "logo");

    });
</script>

或者您可以仅编辑徽标用户控件。位于/Admin/Skins

<%@ Control Language="C#" AutoEventWireup="false" Inherits="DotNetNuke.UI.Skins.Controls.Logo" CodeFile="Logo.ascx.cs" ViewStateMode="Disabled" %>

<asp:hyperlink id="hypLogo" runat="server">
    <asp:image id="imgLogo" runat="server" enableviewstate="False" itemprop="logo" />
</asp:hyperlink>

如何使用runat =“ server”将微数据添加到DNN控件？

1 个答案: