javascript - 谷歌地图 vs jquery;在 jsfiddle 中工作,在服务器上停止工作

标签 javascript jquery google-maps google-maps-api-3

我正在尝试插入一个按钮,单击该按钮会弹出一个 Google 表单(与我的融合表绑定(bind))。该按钮位于右上角。

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

但是当我将所有代码移至服务器时,该按钮停止工作。

Here is the jsfiddle

这是the same code on the server 。现在它产生了意想不到的结果。

$(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');
});

});​

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

最佳答案

最后一个分号后有一个零宽度空格(0xE2 0x80 0x8B),它没有宽度,所以你看不到它。 jsFiddle 倾向于向您的代码添加不可见的 Unicode 字符。删除它就可以了。

关于javascript - 谷歌地图 vs jquery;在 jsfiddle 中工作,在服务器上停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13572650/

相关文章:

google-maps - 用于 Google map 标记的鼠标悬停和鼠标移出监听器

javascript - 在 HTML 表单中添加下拉选项

javascript - 如何在 .each 循环内的 Jquery 回调完成后执行函数

jquery - 当我的页面顶部出现弹出窗口时,然后使用滚动键,页面滚动,但弹出窗口不滚动

jquery - 更改通过javascript加载的小部件颜色的方法

javascript - 添加actionListeners到动态创建的谷歌标记来绘制路线

javascript - 加载时位于底部的谷歌地图标记

php - 使用下拉菜单更改变量值

javascript - 如何解决我的案例中的单元测试问题?

javascript - 如何使用 jQuery 在 <ul> 中找到第一个 "visible"<li>?