Question

我使用以下方法将html内容加载到我的索引

$("#home-btn").click(function() {
    $("#content").load("views/plant.html");   
});

它正在正确加载html内容，但我使用了一些与js相关的外部html文件，并将相关的外部js文件链接到我的索引html。问题是，在我加载的js内容中缺少外部html的效果。我该如何解决？

Answer 1

请将您的外部js文件与您的html文件一起使用，如下面的代码所示。

import Login from './components/Login

Answer 2

加载jQuery

$("#home-btn").one( "click", function() {
    console.log("You'll only see this once!");

    sendMyAjax('http://yoursite.com/script1.js');
    sendMyAjax('http://yoursite.com/script2.js');
    sendMyAjax('http://yoursite.com/script3.js');
});

function sendMyAjax(URL_address) {
    $.ajax({
        url: URL_address,
        dataType: 'script',
        cache: true, // or get new, fresh copy on every page load
        success: function() {
            // Callback
        }
    }
}

通过此方法，只有在单击指定位置后才会加载额外脚本。通过这种方式，可以避免在第一页加载时加载额外JS所需的负载。

如何使用html加载外部js文件

2 个答案: