2015-08-14 76 views
0

我目前正在基于传单的地图上工作。所有输入类型的文本现在都不起作用。如下所示:HTML输入文本字段不起作用

<input type="text" placeholder="Search" id="search-input" autocomplete="off"> 

文本框显示在页面上,但不可点击或输入文本。如果我删除文件“leaflet.js”,文本框工作得很好,但所有其他的东西都在同一时间消失。

单张例如:

var world_map =L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
    maxZoom: 18 
}); 
var map = L.map('map',{ 
    center:[50.979, 11.322], 
    zoom:6, 
    layers:world_map 
}); 

没有人有任何想法问题出在哪里?

+0

你能告诉我们leaflet.js的例子吗? – imtheman

+0

@imtheman,只需添加小册子使用示例 – angella1011

回答

2

按照leaflet.js documentation

el = document.getElementById('search-input'); 
L.DomEvent.disableClickPropagation(el); 
+0

谢谢〜它的工作原理! – angella1011

0

里面leaflet.js有可能是因为它被禁用。所有我能想到的解决这个问题是用自己的代码覆盖它:

<script> 
    document.getElementById("search-input").disabled = false 
</script>