本文介绍了点击不同的按钮将不同的HTML加载到相同的#Content DIV中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个菜单有几个选项,我想知道如何将不同的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中
发布评论