我正在尝试使用bootstrap multiselect通过jQuery toggle()函数设置表中某些列的可见性.对于在下拉列表中选择的每个列,我想要显示或隐藏它,具体取决于它是否被选中.但我显然不明白如何使用该onChange事件来完成这项工作.有人请告诉我正确的语法.
我的javascript和HTML如下:
<script type="text/javascript">
$(document).ready(function() {
$('#showops').multiselect({
maxHeight: 300,
buttonWidth: '150px',
includeSelectAllOption: true,
allSelectedText: 'Showing All',
onChange: function(element, checked) {
if(checked == true){
if (element == '1') { $(".toggleG").toggle(); }
else if (element == '2') { $(".toggleE").toggle(); }
}
}
});
});
</script>
<select id="showops" multiple="multiple">
<option value="1"> Show Grid </option>
<option value="2"> Show eMail </option>
<option value="3"> Show Lat/Lon </option>
<option value="4"> Show Last Name </option>
<option value="5"> Show TOD </option>
</select>
我需要隐藏部分Web应用程序的select语句.在代码中的某一点我说$("#select1").addClass("hidden"); 隐藏它.直到我决定使用bootstrap-select它才能正常工作.但是因为我添加了class ="selectpicker",所以当被告知时它不再隐藏.我可以看到使用Web检查器将"隐藏"添加到类语句中,但实际上并未隐藏选择.我该如何工作？
我正在使用传单 v1.5.1。Chrome 的错误是：
leaflet.js:5 未捕获类型错误：this.callInitHooks 不是 Map1Rose2.php:77 处 Object.i [作为标记] (leaflet.js:5) 的函数
以下是在 Chrome 中重现该问题的最小代码。我没有发现该功能有问题。该错误出现在 . 我已经把这东西戳破了，有人知道吗？
<!DOCTYPE html>
<html lang="en">
<head>
<title>NCM Map of Station Locations</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon-32x32.png" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- ******************************** Load LEAFLET from CDN *********************************** -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"
integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og=="
crossorigin=""></script>
<!-- ********************************* End Load LEAFLET **************************************** -->
<!-- ******************************** Load ESRI LEAFLET from CDN ******************************* -->
<script src="https://unpkg.com/esri-leaflet@2.2.4/dist/esri-leaflet.js"
integrity="sha512-tyPum7h2h36X52O2gz+Pe8z/3l+Y9S1yEUscbVs5r5aEY5dFmP1WWRY/WLLElnFHa+k1JBQZSCDGwEAnm2IxAQ=="
crossorigin=""></script>
<!-- …我有一个简单的数组，我正在尝试对其进行迭代，但我显然不理解“for of”JavaScript 循环。以下代码返回完全应该的；
const callOBJb = ['KD0NBH0BJ','W0DLKOBJ','WA0TJTOBJ'];
for (let i of callOBJb) {
console.log(i);
}
返回：KD0NBHOBJ W0DLKOBJ WA0TJTOBJ
但是下面的代码出错了；“类型错误：i.getCenter 不是函数。（在 'i.getCenter()' 中，'i.getCenter' 未定义）”因为变量 'i' 未解析为上述之一。
for (let i of callOBJb) {
var Omiddle = i.getCenter();
}
当我手动输入变量时，例如；
var Middle = W0DLKOBJ.getCenter();
它工作得很好。我不明白这应该如何工作？我不认为我可以在这里使用 ForEach 至少我没有比 for...of 更多的运气。
有人问我 W0DLKOBJ 的已解析变量可能是什么样子。
alert(JSON.stringify(KD0NBHOBJ));
{"_southWest":{"lat":39.204385,"lng":-94.60714},"_northEast":{"lat":39.20646,"lng":-94.60481}}