添加网格点选高亮

qinbo

2022-01-17 8b76767f815a6884f93b925856556a945c432ed5

添加网格点选高亮

 widgetsTS/widget_grid/view.html

@@ -9,6 +9,12 @@
    <script src="kriging.js"></script>
  <script src="kriging_config.js"></script>
  <link href="../../css/style.css" rel="stylesheet" />
  <style>
    .touchOn {
            background: #337ab7;
            font-weight: bold;
        }
  </style>
</head>

<body class="dark">
@@ -16,10 +22,10 @@
  <!-- 面板 -->
  <div class="infoview_title" style="margin-left: 10px;">
    <div>
      <span style="padding-left:10px;"><a href="#" id="grid5000">5000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid3000">3000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid1000">1000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid500">500米网格</a></span>
      <span style="margin-left:10px;"><a href="#" id="grid5000">5000米网格</a></span>
      <span style="margin-left:10px;"><a href="#" id="grid3000">3000米网格</a></span>
      <span style="margin-left:10px;"><a href="#" id="grid1000">1000米网格</a></span>
      <span style="margin-left:10px;"><a href="#" id="grid500">500米网格</a></span>
    </div>
  </div>
  <div class="infoview">

 widgetsTS/widget_grid/view.js

@@ -18,6 +18,15 @@
    element.worker = new Worker('webworker.js') ;
});

$(function () {
    $("#grid5000").click();
})
$("span").click(function () {
    if (!$(this).hasClass("touchOn")) {//$(this)表示所点击的元素，在这里极为好用
        $(this).addClass("touchOn");//给所点击元素加上touchOn类
    }
    $(this).siblings().removeClass("touchOn");//移除其他元素的touchOn类
})

//当前页面业务
function initWidgetView(_thisWidget) {