如何将外部html文件加载到多div页面上的div中

时间:2018-03-26 08:02:02

标签: jquery html

我已经看到了加载到一个div中的答案,比如这个

<button class="tablinks" data-url="insertarray.html" data-target="create">Insertion</button>
$(function(){
  $(".tablinks").click(function(){
    var url = $(this).attr("data-url");
    var target = "#" + $(this).attr("data-target");
    $(target).load(url);
  });
});

See Rory McCrossan's answer

但我有一个主菜单,可以将子菜单发送到三个不同的DIV。然后这3个子菜单在相应的DIV中加载一个文件(子菜单-A发送到view-A-查看html文件;子菜单-B发送到view-B子菜单-C发送到view-C。

我正在学习,我想知道是否

  1. data-url="insertarray.html"这必须是我要加载的html文件
  2. data-target="create"这是DIV的ID吗?
  3. 此解决方案仅适用于按钮吗?
  4. (我的菜单使用LI命令使用单选按钮使其可点击。子菜单最多可包含1200个链接 主菜单有26个链接到课程科目 辅助主菜单有大约200个链接(到子菜单) 这是一个免费的教育工具,我帮助我的学生。一旦我学会了足够的jquery来加载文件,它就会在框架中进入flexbox)

    很抱歉,我无法弄清楚如何使用code命令来设置代码。我会继续努力解决这个问题,所以我的问题格式很好。请原谅我学习如何。谢谢。

0 个答案:

没有答案