Question

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

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

等待整个文件“准备好”

Answer 2

尝试：

$(document).ready(function () {
  if (window.location.href.indexOf("Bar-Ends") != -1) {
    $("#notBarEnds").hide();
  }
});

脚本运行时，您的div尚未加载。

Answer 3

您正在构建HTML时运行内联脚本，脚本运行时没有div名为#notBarEnds，您需要在运行后将其作为函数运行文件已加载。

Answer 4

我写它而不检查它，如果不起作用改变de regex：D

$(document).on('ready', function()
{
    if(window.location.href.match(/Bar\-Ends/i))
        $("#notBarEnds").hide();
});

如果URL包含单词，则隐藏div

4 个答案: