Question

我有两个H1标记，并且取决于第一个标记是否包含内容，第二个标记是可见的，或者从DOM完全删除，直到重新加载页面。

附加两个H1代码。
查看.content-title是否确实包含任何内容。如果为true，请移除visually-hidden，如果为false，请移除.content-title。
从页面加载开始。

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(); });：

{{1}}

在页面加载时显示或分离某些div

1 个答案: