国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 多個按鈕點擊顯示不同內容后,怎么讓其內容顯示一次,其他的按鈕點擊的內容隱藏呢

瀏覽:105日期:2023-02-10 14:41:25

問題描述

javascript - 多個按鈕點擊顯示不同內容后,怎么讓其內容顯示一次,其他的按鈕點擊的內容隱藏呢機場分區是一堆按鈕,,我想要實現點擊江蘇吧,就只顯示江蘇,,不想讓其他的那些按鈕點擊后的內容--例如安徽啊顯示。

目前我是,每個按鈕都加了點擊事件,然后顯示地名;但是第一次點擊完畢后他就永遠顯示在地圖上了,,下面是一個按鈕的例子。。請問我怎么讓他才能點擊的時候只顯示一次;其他的內容隱藏啊$('.bnt-ShanDong').on(’click’, function () {

// 百度地圖API功能var initPoint = new BMap.Point(117.215278, 36.8569444);map.centerAndZoom(initPoint, 8);var myIcon = new BMap.Icon('../images/marker.png', new BMap.Size(32, 32));var marker = new BMap.Marker(initPoint, { icon: myIcon }); // 創建標注map.addOverlay(marker);//marker.setAnimation(BMAP_ANIMATION_BOUNCE);var label = new BMap.Label('山東分局', { offset: new BMap.Size(30, 5) });label.setStyle({ color: '#fff', fontSize: '12px', backgroundColor: '0.05', border: '0', height: '20px', lineHeight: '20px', fontFamily: '微軟雅黑'});marker.setLabel(label);

})

問題解答

回答1:

最簡單的一種方式就是每次點擊事件觸發后,先將所有的地區都隱藏,然后根據當前點擊的this確定當前地區然后顯示當前地區

回答2:

首先可以把所有的按鈕增加一個統一的class例如叫btn-test,然后給每個按鈕增加一個自定義屬性例如data-name,每一個都放這個按鈕代表哪個分局,然后給所有這樣的按鈕統一增加監聽,根據data-name的值判斷點擊的是哪一個,然后先刪除地圖上所有的圖標,再只顯示點擊的那個:

$(’.btn-test’).click(function(){ 第一步先刪除所屬分局的圖標 然后顯示點擊的按鈕對應的圖標 switch(this.data(’name’)){case '山東分局': .顯示山東分局對應的圖標break;... }})回答3:

這個跟三級聯動思路差不多吧,點擊任意按鈕先清空地圖內容,然后再根據this把對應的內容傳進去

回答4:

點擊事件傳入一個ID標識 每個按鈕都有自己特定的ID 在創建之前點之前隱藏所有點 并且判斷你這個ID點是否存在

存在再將這個點的狀態更改為顯示 不存在 創建的新的點并把ID當屬性寫入新創建點

標簽: JavaScript
主站蜘蛛池模板: 中文字幕一区二区精品区 | 亚洲黄色三级网站 | 欧美另类videosbestsex高清 | 亚洲午夜综合网 | 亚洲欧美日韩国产专区一区 | 日韩欧美一区二区在线 | 99久久综合国产精品免费 | 高清在线精品一区二区 | 亚洲天堂成人在线观看 | 亚洲成年网站在线观看 | 欧美成人3d动漫专区 | 久草在线视频网 | 久久综合99re88久久爱 | 免费a级毛片视频 | 欧美特黄aaaaaa | 午夜精品一区二区三区在线观看 | 91精品自在拍精选久久 | 欧美人成在线观看ccc36 | 色综合久久加勒比高清88 | 亚洲免费网址 | 久色视频在线 | 国产三级毛片视频 | 亚洲欧洲日产国码一级毛片 | 久久久久亚洲视频 | 偷柏自拍亚洲欧美综合在线图 | 91丨九色丨首页在线观看 | 热99re久久精品香蕉 | 精品久久在线 | 国产精品久久亚洲一区二区 | 看真人视频一级毛片 | 国产成人精品日本亚洲麻豆 | 乱系列中文字幕在线视频 | xh98hx国产在线视频 | 精品久久国产 | 欧美巨大精品videos | 国产精品一区二区三区免费 | 亚洲精品高清国产麻豆专区 | 国产精品手机视频一区二区 | 久久亚洲精品永久网站 | 加勒比一区在线 | 1024国产欧美日韩精品 |