javascript - 如果 URL 包含单词则隐藏 div

Question

如果页面的 url 包含某个词，我需要隐藏一个 div。感谢这个网站，我已经能够成功地找到 url 是否包含这个词。此代码有效:

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
alert("your url contains bar ends");
}
</script>

但由于某些原因，隐藏 div 将不起作用，如下所示:

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
$("#notBarEnds").hide();
}
</script>

<div id="notBarEnds">this is not bar ends</div>

有人知道这段代码有什么问题吗？ 任何帮助是极大的赞赏 谢谢

Answer 1

注意重新排序:

<div id="notBarEnds">this is not bar ends</div>

<script type="text/javascript">
if (window.location.href.indexOf("Bar-Ends") != -1) {
$("#notBarEnds").hide();
}
</script>

或者

<script type="text/javascript">
$(document).ready(function () {
    if (window.location.href.indexOf("Bar-Ends") != -1) {
        $("#notBarEnds").hide();
    }
}
</script>

等待整个文档“准备好”