javascript - 如何将外部脚本嵌入到我的页面而不破坏其他脚本

Question

您好，我已经解决这个问题两周多了，但我找不到正确的方法将我的脚本代码嵌入到我的页面中，而不会从我的主题上传的另一个 js 文件在我的控制台中创建错误。

此嵌入代码使我能够从 lodgify 服务添加日历和立即预订按钮，正如您在我的页面中看到的那样，右侧黑色侧边栏包含立即预订信息。老实说，我不知道为什么它会产生错误。

我的意思是，在嵌入我的脚本之前，我的网站一切正常，但当我嵌入它时，发生了错误。我尝试了很多不同的方法，但没有成功，同一文件总是出现相同的错误。最后，我尝试在有问题的文件之后加载嵌入代码，但对我来说没有任何改变。

这是我的 link如果您想检查控制台，可能会向我解释一些我还没有看到的内容。

这是我的嵌入代码:

<script type="text/javascript" src="//static.lodgify.com/themes/shared/v3/assets/latest/embed-ldgfy-book.min.js" async="async" style="display:block!important" class="embed-ldgfy-script-loader embed-ldgfy-book-script-loader" id="lodgify-script-book-now-box" data-website-id="27****79" data-website-slug="antibesrental" data-domain="lodgify.com" data-protocol="https" data-property-id="27****26" data-culture="en" data-culture-iso="en-US" data-currency="EUR" data-token="oHwmNCP**********o5s"></script>

以下是我将其添加到我的页面的方法:

<script>
jQuery(document).ready(function() {
$("#content").append('<script type="text/javascript" src="//static.lodgify.com/themes/shared/v3/assets/latest/embed-ldgfy-book.min.js" async="async" style="display:block!important" class="embed-ldgfy-script-loader embed-ldgfy-book-script-loader" id="lodgify-script-book-now-box" data-website-id="27****79" data-website-slug="antibesrental" data-domain="lodgify.com" data-protocol="https" data-property-id="27****26" data-culture="en" data-culture-iso="en-US" data-currency="EUR" data-token="oHwmNCP**********o5s"></'+'script>');
});
</script>

将其添加到我的页面时出现错误:

TypeError: $elm.airtifactFitVids is not a function. (In '$elm.airtifactFitVids()', '$elm.airtifactFitVids' is undefined).

这是来自 main-build.js 的相关代码部分:

// VARIOUS FUNCTIONS INIT
    _initFitVid: function( $elm ) {
        $elm.airtifactFitVids();
    },

    _initTwitterFeed: function( $elm ) {

Answer 1

我认为您的脚本已正确加载/嵌入页面内。在 DevTools 中查看您的网络调用。任何方法调用都可能有问题，或者定义函数时出错。

参见下图: