Question

我正在使用jQuery标签，我有一堆由查询填充的下拉列表。事情是完全相同的下拉列表（具有相同的选项）在不同的选项卡/对话框上（基本上它们被多次使用）。我想知道是否有办法在他们使用的每个地方复制/粘贴相同的选择/选项输出html。有没有办法可以参考它们？这样我加载的页面不是5000行。希望这是有道理的。

Answer 1

您的javascript可以克隆节点并将其附加到任何您想要的位置。

$(document).ready(function(){
    var my_nav_containers = ["nav1", "nav2", "nav3"];

    for(var i = 0; i < my_nav_containers.lengt; i++) {
        var cloned_nav_menu = $("#seed_nav_menu").clone(true);
        $(cloned_nav_menu).attr("id", (my_nav_containers[i] + "_cloned_menu"));
        $("#". my_nav_containers[i]).append(cloned_nav_menu);
    }
})

Answer 2

将页面的文件扩展名更改为.php，并使用include()功能从另一个只包含菜单代码的文件中提取菜单代码。

所以基本上，拿下你要复制的所有下拉菜单代码，将其从主文件中删除并将其放在自己的文件中（如dropdown.php）。然后，在您想要提取此代码的主页面代码中的任何位置，您只需要添加<?php include('dropdown.php'); ?>并且您就可以了！

在多个位置引用HTML？

2 个答案: