将html div拉入master.html div的javascript函数_Javascript_Jquery_Html_External

将html div拉入master.html div的javascript函数

javascript jquery html

将html div拉入master.html div的javascript函数,javascript,jquery,html,external,Javascript,Jquery,Html,External,有点问题。。。基本上，在html中使用此语句和ul菜单来激活它 <div id="subnav" > <ul> <li id="subone"><a href="#">Definitions</a></li> </ul> </div> </div> <script src="jquery.js"><

有点问题。。。基本上，在html中使用此语句和ul菜单来激活它

<div id="subnav" >
        <ul>
            <li id="subone"><a href="#">Definitions</a></li>

        </ul>
</div>

   </div>

   <script src="jquery.js"></script>
 <script type="text/javascript">
  $(function(){
 $("#subnav ul li a") .click(function(e){
    e.preventDefault()
    $('#content2').load($(this).attr('abc.html') + ' #content2');
    });
  });
   </script>



  <div id="content2">

  </div>





$（函数（）{
$（“#subnav ul li a”）。单击（功能（e）{
e、 预防默认值（）
$（'#content2'）.load（$（this.attr（'abc.html'）+'#content2'）；
});
});

。。。。。。。。。这没有任何作用，似乎无法解释为什么……有人能告诉我我错在哪里吗。顺便说一句，abc.html页面只是有

<html>

<head>
  <link rel="stylesheet" type="text/css" media="all" href="whatis.css" />
 </head>
  <body>
  <div id="content2"><p>this is a test </p></div>
   <div id="content3"><p>Here comes some content </p></div>
   </body>
  </html>


这是一个测试
这里有一些内容

有什么想法吗

干杯，格雷格。

试试这个：

$('#content2').load('abc.html #content2');

.attr（'abc.html'）

尝试返回属性值

abc.html

。。。因此，如果您的

如下所示，这将起作用：

<a abc.html="something">Definitions</a>

您可以这样做：

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

详细说明，如果可能的话，您希望这段代码执行什么并提供JSFIDLE链接。为了回答Neo，我希望从html文件abc.html中获得一个名为content2的div，并将其传递到div中的master.html中，也称为content2ONE PROBLEM！------我有多个菜单项，不想对每个菜单项都执行javascript语句。。。。每个菜单项可以有一个语句吗？有人用它来处理多个不同div的菜单项吗？当然，你可以这样做。您必须在

元素的标记中添加一些指示符。例如，您可以使用

数据-

属性。

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