点击不同的按钮将不同的HTML加载到相同的#Content DIV中 [英] Load different HTML into same #Content DIV on clicking different buttons

问题描述

我有一个菜单有几个选项，我想知道如何将不同的HTML加载到同一个 div （称为 #content $ b

我有这个代码菜单：

I have a menu with several options, I would like to know how to load different HTML into the same div (called #content) depending on the buttons you press of the menu.

I have this code for the menu:

我需要做什么才能将index.html发送到 div＃content 当我在菜单中按下选项Accueil？

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

推荐答案

使用 jQuery ajax 您可以做到这一点

HTML

HTML




JAVASCRIPT（jQuery）

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

jQuery加载

这篇关于点击不同的按钮将不同的HTML加载到相同的#Content DIV中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！