javascript - 多个按钮点击显示不同内容后,怎么让其内容显示一次,其他的按钮点击的内容隐藏呢
巴扎黑
巴扎黑 2017-07-05 11:08:05
0
4
1108


机场分区是一堆按钮,,我想要实现点击江苏吧,就只显示江苏,,不想让其他的那些按钮点击后的内容--例如安徽啊显示。

目前我是,每个按钮都加了点击事件,然后显示地名;但是第一次点击完毕后他就永远显示在地图上了,,
下面是一个按钮的例子。。请问我怎么让他才能点击的时候只显示一次;其他的内容隐藏啊
$(".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);

})

巴扎黑
巴扎黑

全部回复 (4)
淡淡烟草味

最简单的一种方式就是每次点击事件触发后,先将所有的地区都隐藏,然后根据当前点击的this确定当前地区然后显示当前地区

    Peter_Zhu

    首先可以把所有的按钮增加一个统一的class例如叫btn-test,然后给每个按钮增加一个自定义属性例如data-name,每一个都放这个按钮代表哪个分局,然后给所有这样的按钮统一增加监听,根据data-name的值判断点击的是哪一个,然后先删除地图上所有的图标,再只显示点击的那个:

    $('.btn-test').click(function(){ \第一步先删除所属分局的图标 \然后显示点击的按钮对应的图标 switch(this.data('name')){ case "山东分局": \.显示山东分局对应的图标 break; \... } })
      巴扎黑

      这个跟三级联动思路差不多吧,点击任意按钮先清空地图内容,然后再根据this把对应的内容传进去

        小葫芦

        点击事件传入一个ID标识 每个按钮都有自己特定的ID
        在创建之前点之前隐藏所有点
        并且判断你这个ID点是否存在

        存在再将这个点的状态更改为显示 不存在 创建的新的点并把ID当属性写入新创建点
          最新下载
          更多>
          网站特效
          网站源码
          网站素材
          前端模板
          关于我们 免责声明 Sitemap
          PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!