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

标签 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>

大家有什么想法吗?

干杯, 格雷格。

最佳答案

试试这个:

$('#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');
});

关于javascript函数将html div拉入master.html div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22948728/

相关文章:

javascript - 弯 Angular IE 7,8 Issue

javascript - 如何修复植入式页眉上的菜单?

html - Internet Explorer 中不一致的空白文本节点

android - HTC One Mini native 浏览器的媒体查询问题

javascript - 根据条件angularjs应用CSS

javascript - 页面刷新后如何保持div隐藏?

javascript - jQuery。将一个对象插入另一个对象

javascript - 根据 url 更改 wp 结果页面

c# - 如何使用动态 javascript 下拉列表进行 MVC 编辑

html - 删除 td 的外边框