单张弹出关闭按钮

Question

我为自己的网站制作了传单地图，我不擅长使用javascript html和css，这就是为什么我会在这里问这个问题..

有没有人知道如何在右上角添加X（关闭按钮）？

我正在使用的代码可以在这里找到：

http://jsfiddle.net/z1nw3pt4/2/

layer.on('click', function (e) {
        document.getElementById("info").innerHTML = feature.properties.name;
        $("#feature_infos").stop();
        $("#feature_infos").fadeIn("1000");

        console.log(feature.properties.name);
    });

她上面的代码是打开弹出窗口。

Answer 1

单击任何一个点时，将使用

显示信息框

$("#feature_infos").fadeIn("fast");

您可以在单击框中​​添加一个额外的元素（.fadeOut("fast")），点击它：

HTML：

<span class="close">X</span>

JS：

$('.close').click(function() {
   $('#feature_infos').fadeOut('fast'); 
});

工作演示：jsFiddle

我添加的唯一造型是将X放在右上角，但显然你可以随心所欲地做任何事情。重要的是将fadeOut方法绑定到click事件以再次关闭弹出窗口。