From 8b76767f815a6884f93b925856556a945c432ed5 Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期一, 17 一月 2022 14:57:50 +0800
Subject: [PATCH] 添加网格点选高亮

---
 widgetsTS/widget_grid/view.html |   14 ++++++++++----
 widgetsTS/widget_grid/view.js   |    9 +++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/widgetsTS/widget_grid/view.html b/widgetsTS/widget_grid/view.html
index 1ded7f6..e1fe25e 100644
--- a/widgetsTS/widget_grid/view.html
+++ b/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">
diff --git a/widgetsTS/widget_grid/view.js b/widgetsTS/widget_grid/view.js
index 9747150..649b9fc 100644
--- a/widgetsTS/widget_grid/view.js
+++ b/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");//绉婚櫎鍏朵粬鍏冪礌鐨則ouchOn绫�
+})
 
 //褰撳墠椤甸潰涓氬姟
 function initWidgetView(_thisWidget) {

--
Gitblit v1.9.1