在頁面加載時顯示或分離某些div

Question

我有兩個H1標記，並且取決於第一個標記是否包含內容，第二個標記要麼可見，要麼完全從DOM中刪除，直到頁面重新加載。

1. 附上兩個H1標籤。
2. 看看.content-title其實有任何內容。如果爲true，則刪除visually-hidden，如果爲false，則刪除.content-title。
3. 在頁面加載時從頭開始。

的jQuery：

// H1 tag checker // 
function checkTag() { 
    if ($('.content-title').html() != '') { 
     $('.visually-hidden').detach(); 
    } else { 
     $('.content-title').detach(); 
    } 
} 

$(document).on('load', function() { 
    $('.visually-hidden').attach(); 
    $('.content-title').attach(); 
    checkTag(); 
}); 

HTML/C＃：

<h1 class="content-title">@Html.Raw(content.GetTitle())</h1> 
@if (ViewBag.Content.EntityName != "JobPost") 
{ 
    <h1 class="visually-hidden">@ViewBag.Content.Byline</h1> 
} 

Answer 1

.attach()不是jQuery函數。當你可能想再次添加它時，使用.detach()。你可能只想要.remove()。我不確定你想用.attach()完成什麼。

您是否試圖隱藏和顯示元素？如果是，請更改爲.hide()和.show()：

function checkTag() { 
    if ($('.content-title').html() != '') { 
     $('.visually-hidden').hide(); 
    } else { 
     $('.content-title').hide(); 
    } 
} 

$(document).on('load', function() { 
    $('.visually-hidden').show(); 
    $('.content-title').show(); 
    checkTag(); 
});