使用多个菜单项和一个 JS 语句将外部 html div 加载到 master.html div [重复]答案

【问题标题】：load external html div into master.html div using multiple menu items and one JS statement [duplicate]使用多个菜单项和一个 JS 语句将外部 html div 加载到 master.html div [重复]
【发布时间】：2014-04-08 22:37:29
【问题描述】：

这是将 div 从 abc.html 加载到名为 whatis_content 的 master.html div 的代码的当前状态。我想对所有菜单项都这样做

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

【问题讨论】：

编辑您的旧问题，除非它回答了您的问题，否则不要接受答案。

标签： javascript jquery html css

【解决方案1】：

您没有正确编码，请尝试以下更改：

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

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

【讨论】：

不，还没有做任何很奇怪的事情？？？？
这真是令人困惑
仍然没有变化很奇怪
也许我只需要为每个菜单项做单独的陈述？
啊，抱歉，我以为我应该把 html 文件名放在那里....我改回来了，但仍然没有改变...我已经在上面发布了 abc.html 文件.它真的很基本，所以不确定它是否会导致问题