时间戳

首页 > 解决方案 > 如何使用 runat="server" 将微数据添加到 DNN 控件？

jquery - 如何使用 runat="server" 将微数据添加到 DNN 控件？

问题描述

我正在使用结构化数据标记助手工具来突出显示和选择具有相关数据的 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 以某种方式添加微数据吗？

标签： jquerydotnetnukemicrodata

解决方案

你可以这样做

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

推荐阅读