栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何从许多子菜单项中将外部div加载到master.html div中

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何从许多子菜单项中将外部div加载到master.html div中

乍一看:

$(".subnav ul li a").click(...)

应该

$("#subnav ul li a").click(...)

因为你已经习惯了

<div id="subnav" >
。使用
#
id
.
上课。

更新: 要从特定元素加载内容,可以使用以下命令:

$("#content2").load("abc.html  #container");

这里

#container
id
元素的,只有该元素的html会加载到target中
div
,因此请确保使用right
identifier
。在jQuery网站上阅读更多内容。

更新: 您可以对所有菜单项使用一个功能/处理程序:

$(function(){    $(".subnav ul li a") .click(function(e){        e.preventDefault()        $('#content2').load($(this).attr('href') + ' #content');    });});

确保您的所有

pages/html
文件都包含相同的文件,
#content
因此,每次单击任何菜单项时,
html
都将
$('#content2')
仅将适当的文件加载到
#content
页面的一部分中,并
href='filename.html'
为所有菜单项提供正确的链接()。

如果您的所有页面都不相同

id
#content
data-target='identifier'
在每个
a
标记中添加一个,如下所示:

<div id="subnav" >    <ul>        <li><a href='abc.html' data-target='content'>Abc</a></li>        <li><a href='def.html' data-target='someid'>Edf</a></li>    </ul></div>

因此,在这种情况下,您可以使用以下内容:

$('#content2').load($(this).attr('href') + ' #' + $(this).attr('data-target'));


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/374705.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号