0

いくつかのオプションを備えたメニューがあります。メニューで押すボタンに応じて、異なる HTML を同じdiv( と呼ばれる)にロードする方法を知りたいです。#content

メニューには次のコードがあります。

<div id="mainmenu">
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Qui suis-je?</a>
<ul>
<li><a href="#">Biographie</a></li>
<li><a href="#">Discographie</a></li>
</ul>
</li>
<li><a href="#">Porfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

div#contentメニューで「Accueil」オプションを押したときに、たとえば「index.html」を送信するにはどうすればよいですか?

4

2 に答える 2

4

jQuery ajaxあなたを使ってそれを行うことができます

HTML

<div id="mainmenu">
    <ul id="menu">
        <li><a href="index.php">Accueil</a></li>
       <li><a href="the url you want to load for this menu">Qui suis-je?</a>
    <ul>
</div>​

JAVASCRIPT(jQuery)

​​$(function(){
    $('#menu li a').on('click', function(e){
        e.preventDefault();
        var page_url=$(this).prop('href');
        $('#content').load(page_url);
    });
});

jQuery の読み込み

于 2012-06-23T22:06:40.680 に答える
1

jQueryを使用できます。これにより、次のようなことが簡単になります。

次に、これを行うことができます：

$('#content>div').load('index.html');

これをonclickボタンに配置するか、javascriptコードの他の場所に配置できます...

于 2012-06-23T21:58:54.503 に答える