在 div 中添加 <a> 标签，但 href 不起作用

Question

我有以下 html 代码，但 TasksCount class 没有显示为超链接。任何的想法？我用措辞 Link 更新了锚点，但仍然没有用。

<div id="TaskNotification" style="display: inline!important;  float: left; border; 3px solid #8AC007;PADDING: 5px;"> 
<img id="NotificatioImg" class="n-img" "="" src="../SiteAssets/tasks_sm.png?rev=23" alt="Notification">
<div class="TasksCount">
    <a href="../pages/Tasks.aspx">Link </a> 
</div>
</div>

这是CSS

<style>

body {
    font-family:Calibri;
}
#customTaskNotification {
    position:relative;


}
.TasksCount {
    position:absolute;
    top: -.1px; 
    right:-.1px;
    padding:1px 2px 1px 2px;
    background-color:#ff0000; /* orange #ef8913* dark-pink #d06079 */
    color:white;
    font-weight:bold;
    font-size:1.05em;
    width:50%;
    text-align: center;

    border-radius:50%!important;
    box-shadow:1px 1px 1px gray;
}

div.TasksCount:empty { 
    display: none;
}
</style>

这是填充 TasksCount Div

的 jQuery

<script type="text/javascript" language="javascript" src="_layouts/15/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var rowCount = $(".ms-WPBody tr").not(":has(th)").length;
        var x = $('.ms-WPBody tr td  a').html();
        if(x.indexOf("There are no items") !== -1){        
        rowCount = "";
        }
         $(".rowCount").text(rowCount);
         $(".TasksCount").text(rowCount);
    });     
</script>

Answer 1

<div id="TaskNotification" style="display: inline!important;  float: left; border; 3px solid #8AC007;PADDING: 5px;"> 
<img id="NotificatioImg" class="n-img" "=" src="../SiteAssets/tasks_sm.png?rev=23" alt="Notification">
<div class="TasksCount">
    <a href="../pages/Tasks.aspx">Link</a> 
</div>
</div>

锚标签没有文字。只需输入一些文字即可。

不是您要查找的内容？让我知道:)

Answer 2

<img class="n-img" "="" src="../SiteAssets/tasks_sm.png?rev=23" alt="Notification">

Answer 3

因为您填充的 TaskCount 覆盖了 link？ - 尝试

$(".TaskCount>a").text(rowCount)

改为

在 div 中添加 <a> 标签，但 href 不起作用

adding <a> tag in div but href does not work

html

href