Tôi sử dụng mã này cho sự kiện đã chọn hộp kiểm nhưng nó không hoạt động.Bootstrap chuyển sự kiện đã kiểm tra?
css
<link href="assets/plugins/bootstrap-switch/static/stylesheets/bootstrap-switch-metro.css" rel="stylesheet" type="text/css" />
html
<div class="switch switch-mini" data-on-label="<i class='icon-sun icon-white'></i>" data-off-label="<i class='icon-sun muted'></i>">
<input id="swWeather" type="checkbox" class="toggle" onclick="toggleWeather()" />
</div>
js
<script src="assets/plugins/bootstrap-switch/static/js/bootstrap-switch.js" type="text/javascript"></script>
Nếu tôi sử dụng cách này, chỉ cần thị giác làm việc theo phong cách tốt, nhưng nó không kích hoạt toggleWeather()
chức năng, nhưng nếu tôi loại bỏ bootstrap-switch.js
, tất cả các kiểu trực quan sẽ bị xóa và trông chuẩn như stan dard checkbox, mặc dù nó hoạt động rất tốt.
Làm cách nào để thay đổi trạng thái đã chọn hộp kiểm, hãy nhấp vào trạng thái đó bằng công tắc khởi động?
đây đang toggleweather tôi:
function toggleWeather() {
if (document.getElementById('swWeather').checked)
{ weatherLayer.setMap(map); }
else
{ weatherLayer.setMap(null); }
if (document.getElementById('swCloud').checked)
{ cloudLayer.setMap(map); }
else
{ cloudLayer.setMap(null); }
}
bởi cách tôi sử dụng các công tắc với chủ đề này: http://www.keenthemes.com/preview/metronic_admin/form_component.html#myModal
Nó không phải là ví dụ tốt nhưng như thế http://jsfiddle.net/UHkN6/
bài viết 'cái đang toggleWeather' đây, hoặc thực hiện một fiddle của vấn đề trong http://jsfiddle.net/ –
thử $ (document) .Trên (nghe tiếng 'click',' # swWeather ', function() {}); cho sự kiện nhấp chuột – V31
trong đó sự kiện nhấp chuột? Tôi phải đặt nó ở đâu? – user2784250