2

我面临的问题<main id=“swup">是，在成功安装 swup.js 并进行容器转换后，此容器内的脚本不会加载。

我做了研究，发现这是一个常见的问题，因为：

由于 swup 删除了从站点重新加载的页面，它还删除了脚本的标准生命周期，这些脚本伴随着那些类似 pjax 的库带来的一系列问题。

这是提供解决方案的完整页面：https ://swup.js.org/getting-started/reloading-javascript

总结

所以据我了解 - 通常脚本会重新加载整个文档。Swup 删除页面重新加载，因此在切换页面后它不会在<main>. 所以我缺少的是，简而言之，解决它的解决方案是什么？每次运行 swup.js 时在 main 中重新加载脚本？

上周我写了人生中的第一个 js。我现在脑子里有点乱，根本不知道如何将解决方案应用于我的脚本。如果有人展示完整的例子会容易得多。

这是一个示例 script.js：

var hrefValue;

jQuery(document).ready(function($) {
    $('#bio-box').find('a').mouseover(function() {
        hrefValue = ($(this).attr('href'))
        $.ajax({
            url: fih_ajax.url,
            type: 'POST',
            data: {
                action: 'fimgh_ajax',
                nonce: fih_ajax.nonce,
                href: hrefValue //the-data
            },
            success: function(data){
                $('#featured-image').html(data);
            }
        });
    });
});

让我知道您是否需要提供更多数据。谢谢！

4

0 回答 0