Question

这是将div从abc.html加载到master.html div中的代码的当前状态，名为whatis_content。我想对所有菜单项执行此操作

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

这是ABC.HTML的外部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>

这里有一些内容来了

<div id="#whatismt_content">

</div>

Answer 1

您没有正确编码，只需尝试此更改：

$(function(){
    $("#subnav ul li a").click(function(e){
        e.preventDefault();
        var url = $(this).attr('href') + ' #' + $(this).attr('data-target');
        $('#whatismt_content').load(url);
    });
});

不要将' #'更改为'#'，复制并粘贴确切的代码。

使用多个菜单项和一个JS语句将外部html div加载到master.html div中

1 个答案: