Question

我在名为uname的文件中定义了一个名为header.html的div。我不想在home.html和dash.html的几页中的一个页面上显示此div。

正在两个页面上加载

header.html。如何在uname上隐藏此特定div home.html并在dash.html上显示？

我正在使用jquery加载header.html文件：

$(document).ready(function() { 
    $("#header").load("header.html")
});

Answer 1

修改您的代码并添加以下内容：

$(document).ready(function() { 
    $("#header").load("header.html",function(){
       $('.uname').hide();
    //of if uname is an id then
       $('#uname').hide();
    });
});

基本上我们在这里做的是在加载时隐藏div。

Answer 2

在PHP中，您可以查询当前网址，并根据结果，您可以包含或不包含您的div。

示例代码可能如下所示：

<?php 
$page = $_SERVER['REQUEST_URI'];

if($page == 'dash.html'){
  echo '<div class="uname"> div content here </div>'; // put your div inside this echo
} 
?>

在header.html中添加上面的代码以及您需要的更改，当您加载包含标题的网页时，它还会检查网页网址并加载或不加载您的div。

从多个文件加载脚本时，仅在特定页面上显示div

2 个答案: