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

时间:2014-04-08 21:39:54

标签: 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"></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>

.........这没有什么,似乎无法解决原因....有人可以告诉我这里我错在哪里。顺便说一句,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>

任何人的想法??

欢呼声, 格雷格。

1 个答案:

答案 0 :(得分:2)

试试这个:

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

.attr('abc.html')尝试返回属性abc.html的值...如果您的a看起来像这样,那就可以了:

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

(虽然这不是一个有效的属性)


现在,如果您的a看起来像这样:

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

你可以这样做:

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