Question

我试图将名为HTML-FIles的文件夹中的本地存在的html页面加载到其中。

我想使用jquery加载一个文件并在div中显示其内容。

就像现在一样，我可以加载文件，但是在div中创建了一个指向文件内容的链接。我不希望它作为链接，我想立即内容。

这是脚本：

function loadAllPosts() {
    $(document).ready(function () {
        var dir = "../HTML-Files";
        var date = "2014-10-16";

        $.get(dir, function (data) {
            $(data).find("a:contains(" + date + ")").each(
                function () {
                    var post = this;
                    $("#content").append($(post));
                });
        });
    });
}

Answer 1

您可以使用.load()

要在div中加载数据，请使用以下命令：

       $(document).ready(function(){
   $("#content").load("YOUR FILE NAME");  //put your file name there in the bracket
});

Answer 2

如果您想在点击时加载数据，请尝试此操作。

$(document).ready(function () {
    $("div").live('click', function () {
        var data_id = $(this).data("id");
        $('#container').load("external.html?" + data_id,myCallback);
    });
});

从外部html文件加载内容

2 个答案: