抱歉，我是新手，并且在獲取正確的代碼時遇到了問題。
我正在嘗試更改 Leaflet.js 中自定義標記的背景顏色。我基本上需要更改 CSS 元素的值。我有 CSS 以及我如何使用它。我想更改background-color代碼中 .pin 上的 ，而不是 CSS。
我在這里和 jquery 上嘗試過示例，但出現錯誤。
CSS是：
.location-pin {
display: inline-block;
position: relative;
top: 50%;
left: 50%;
}
.location-pin img {
width: 46px;
height: 46px;
margin: -26px 0 0 -13px;
z-index: 10;
position: absolute;
border-radius: 50%;
background: #32383e;
}
.pin {
width: 50px;
height: 50px;
border-radius: 50% 50% 50% 0;
background: #32383e;
position: absolute;
transform: rotate(-45deg);
left: 50%;
top: 50%;
margin: -43px 0 0 -30px;
}
是使用它的JS：
var client = L.divIcon({
className: 'location-pin',
html: '<img id"operatorimg" src="img/test.jpg"><div ></div>',
iconSize: [30, 30],
iconAnchor: [18, 30]
});
var marker = L.marker(new L.LatLng(a[0], a[1]), {
icon: client,
title: title
});
marker.bindPopup(title);
markers.addLayer(marker);
}
map.addLayer(markers);
我試過了
$("pin").css("background:black");
但不起作用？任何幫助將不勝感激，謝謝，如果我第一次使用它時沒有正確解釋或把它放在這里，我很抱歉。謝謝
uj5u.com熱心網友回復：
由于您使用“pin”類創建的元素在運行時添加到 DOM 并且不想更改 css 檔案，因此您可以為要使用的顏色創建其他類
<div class="pin bgblack"></div>
或者你可以添加行內 css
<div class="pin" style="background-color:#000"></div>
uj5u.com熱心網友回復：
在您提供的代碼中，您沒有正確使用類選擇器，'pin' 是一個 CSS 類，因此應該使用 '.' 來選擇。在它的名字之前。其次，css 方法有不同的語法。
$(".pin").css("background-color", "black");
uj5u.com熱心網友回復：
感謝您的幫助，我最終是這樣做的。
if (online_status === "YES") {
console.log('online');
var client = L.divIcon({
className: 'location-pin',
html: '<img id"operatorimg" src="img/' imgts '.jpg"><div ></div>',
iconSize: [30, 30],
iconAnchor: [18, 30]
});
var marker = L.marker(new L.LatLng(a[0], a[1]), {
icon: client,
title: title
});
}
else if (online_status === "NO") {
console.log('offline');
var client = L.divIcon({
className: 'location-pin',
html: '<img id"operatorimg" src="img/' imgts '.jpg"><div ></div>',
iconSize: [30, 30],
iconAnchor: [18, 30]
});
var marker = L.marker(new L.LatLng(a[0], a[1]), {
icon: client,
title: title
});
}
我只是遍歷資料，如果在線或離線將 CSS 更改為綠色或紅色。
當然必須有更快的方法和更少的代碼，但現在可以了，再次感謝
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/340551.html
標籤：javascript 查询
上一篇：無法正確獲取活動類的索引號
下一篇：將資訊從AJAX傳遞到控制器類