使用多个菜单项和一个JS语句将外部html div加载到master.html div中 [英] load external html div into master.html div using multiple menu items and one JS statement
本文介绍了使用多个菜单项和一个JS语句将外部html div加载到master.html div中的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是将abc.html中的div加载到master.html div（称为whatis_content）的代码的当前状态。我想为所有菜单项执行此操作
< div id =submenu>
< div id =subnav>
< ul>
< li id =subone>< a href =abc.htmldata-target ='content2'> ; / a> < / li>
< li id =subtwo>< a href =abc.htmldata-target ='content3'>历史< / a> < / li>
< / ul>
< / div>
< script src =jquery.js>< / script>
< script type =text / javascript>
$（function（）{
$（＃subnav ul li a）。click（function（e）{
e.preventDefault（）
$（'＃whatismt_content '）
.load（$（this）.attr（'abc.html'）+'＃'+ $（this）.attr（'data-target'））;
}）;
}）;
< / script>
这是ABC.HTML的外部HTML文件
< html>
< head>
< link rel =stylesheettype =text / cssmedia =allhref =whatis.css/>
< / head>
< body>
< div id =content2>< p> BAH BLAHA BH; AHABHBAKBAHBAhtml< / p>< / div>
这里有一些内容
< div id =＃whatismt_content>
< / div>
解决方案您没有正确编码， ：
$（function（）{
$（＃subnav ul li a）。 e）{
e.preventDefault（）;
var url = $（this）.attr（'href'）+'＃'+ $（this）.attr（'data-target'）;
$（'＃whatismt_content'）。load（url）;
}）;
}）;
不要更改
'＃''＃'，复制并粘贴确切的代码。This is the current state of the code to load a div from abc.html into master.html div called whatis_content . I want to do this for all menu items
<div id="submenu"> <div id="subnav" > <ul> <li id="subone"><a href="abc.html" data-target='content2'>Definitions</a> </li> <li id="subtwo"><a href="abc.html" data-target='content3'>History</a></li> </ul> </div><script src="jquery.js"></script> <script type="text/javascript"> $(function(){ $("#subnav ul li a").click(function(e){ e.preventDefault() $('#whatismt_content') .load($(this).attr('abc.html') + ' #' + $(this).attr('data-target')); }); }); </script>THIS IS THE EXTERNAL HTML FILE FOR ABC.HTML
<html> <head> <link rel="stylesheet" type="text/css" media="all" href="whatis.css" /> </head> <body> <div id="content2"><p>BAH BLAHA BH;AHABHBAKBAHBAhtml </p></div>Here comes some content comes some
<div id="#whatismt_content"> </div>
解决方案You didn't code properly, just try this changes:
$(function(){ $("#subnav ul li a").click(function(e){ e.preventDefault(); var url = $(this).attr('href') + ' #' + $(this).attr('data-target'); $('#whatismt_content').load(url); }); });Don't change
' #'to'#', copy and paste exact code.这篇关于使用多个菜单项和一个JS语句将外部html div加载到master.html div中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
