Question

我需要创建simpkle函数来获取元素并附加另一个文件吗？

jquery可以做这样的事情吗？

     $(".overlay-display").click(function (data) {
                        $("#navigation-control").children().remove(data);
                        $.get("include.php", function (data) {
                        $("#navigation-control").append(data);
                    });

            });

     <a class="navbar-toggle overlay-display" data-toggle="collapse" data-target=".navbar-collapse-bottom-second">Brand</a>

  <div id="navigation-control" class="navbar-collapse-bottom collapse">

  </div>

使用这个解决方案，一切都好，exectp，在click div上总是追加，我想删除所有数据，那个元素而不是包含文件，是否可以添加带有参数的文件，如include.php？ ID = 1

并制作这样的功能品牌

那样我总是可以在element中包含另一个文件，依赖于data-action属性？

Answer 1

为什么需要包含整个文件？当你使用$ .ajax并从该文件返回某些函数中的HTML代码时，它不是更好吗？然后您可以将参数发送到该函数。

Answer 2

您可以使用.empty()或.html()作为div标签，例如

 $(".overlay-display").click(function () {
                    $.get("include.php", function (data) {
                    $("#navigation-control").empty().append(data);
                    //OR this:
                    //$("#navigation-control").html(data);
                });

        });

 <a class="navbar-toggle overlay-display" data-toggle="collapse" data-target=".navbar-collapse-bottom-second">Brand</a>

  <div id="navigation-control" class="navbar-collapse-bottom collapse">

  </div>

很好用的是.load()：

$(".overlay-display").click(function () {
                $("#navigation-control").load('include.php');   
                });

        });

 <a class="navbar-toggle overlay-display" data-toggle="collapse" data-target=".navbar-collapse-bottom-second">Brand</a>

  <div id="navigation-control" class="navbar-collapse-bottom collapse">

  </div>

用另一个文件追加元素，带有id？

2 个答案: