他のページに外部ヘッダーの内容をロードする

私は自分のウェブサイトで作業を始めましたが、何らかの理由で既に少し問題が発生しました。私が使用しているスクリプトがもう機能せず、見つけられません任意の修正、クロムコンソールに何もない、または有用なエラー情報はありません。他のページに外部ヘッダーの内容をロードする

私はあなたが私を助けてくれることを望んでいました。

インデックスページに別のHTMLページをロードしようとしています。

通常、私はこのスクリプトを実行し、header.htmlから#nav divをとり、スクリプトの下のheaderに入れます。

Index.htmlと：

<!--added scripts--> 
<script src="jquery/jquery-3.2.0.min.js"></script> 
<!-- Css --> 
<link rel="stylesheet" type="text/css" href="Sjvklusbedrijf.css"> 

<!--script--> 
<script> 
    $(document).ready(function() { 
     $("#header").load("header.html #nav"); 
     alert("test"); 
    }); 
</script> 

</head> 
<body> 
<header id="header"> 

</header>

要求されたスクリプト：

<div id="#nav"> 
<div class="logodiv"></div> 
<ul> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="foto.html">Foto's</a></li> 
    <li><a href="garantie.html">Garantie</a></li> 
    <li><a href="contact.html">Contact</a></li> 
</ul>

私はjqueryのを使用していますし、thusly、それをロードした：<script src="jquery/jquery-3.2.0.min.js"></script>と私は置けばdoc.readyスクリプトで警告が出ますが、それはポップアップしますが、それはrequirをロードしませんEDのデータは

私はローカルホスト上で実行していますが、それはjQueryの

のヘルプのための

おかげで問題にすべきではありません！

出典

2017-08-06 FllnAngl

をそれが最初に動作しませんでしたbecaus e <div id="#nav">は<div id="nav">である必要があります。

出典

2017-08-06 17:47:44

ハハハ、もちろん、ダムだった神、ありがとう！ – FllnAngl

何とかそれは働くことに決めましたが、私はなぜそれほど理由はないのですか。

私はいくつかのことを変更：

インデックス：

<script> 
    $(document).ready(function() { 
     $("#header").load("header.html nav"); 
    }); 
</script> 

</head> 
<body> 
<!--header--> 
<header id="header" class="header"> 

</header>

必要なスクリプト：

<nav> 
<img src="fotos/test" alt="logo"/> 
<ul> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="foto.html">Foto's</a></li> 
    <li><a href="garantie.html">Garantie</a></li> 
    <li><a href="contact.html">Contact</a></li> 
</ul>

出典

2017-08-06 17:23:31 FllnAngl

他のページに外部ヘッダーの内容をロードする

答えて

関連する問題