javascript - 谷歌地图与 jquery；在 jsfiddle 中工作，停止在服务器上工作

Question

我正在尝试插入一个按钮，单击该按钮会显示一个 Google 表单（与我的融合表相关联）。该按钮位于右上角。

在我的 jsfiddle 上，按钮按预期工作，并且弹出了包含 Google Forms iframe 的 div。

但是当我将所有代码移动到服务器时，按钮停止工作。

这是 jsfiddle。

这是服务器上的相同代码。它现在产生了意想不到的结果。

$(document).ready(function() {

$('.button2').click(function() {

    type = $(this).attr('data-type');

    $('.overlay-container').fadeIn(function() {

        window.setTimeout(function(){
            $('.window-container.'+type).addClass('window-container-visible');
        }, 100);

    });
});

$('.close').click(function() {
    $('.overlay-container').fadeOut().end().find('.window-container').removeClass('window-container-visible');
});

});​</p>

任何人都可以就这里可能发生的事情以及我应该如何解决这个问题提供一些指导吗？

Answer 1

在你最后一个分号之后你有一个零宽度空间（0xE2 0x80 0x8B），它没有宽度，所以你看不到它。jsFiddle 倾向于在您的代码中添加不可见的 Unicode 字符。删除它，你会没事的。