unDele

public/react/src/modules/page/layers/ImageLayerOfCommentHOC.js

@@ -14,36 +14,38 @@ export function ImageLayerOfCommentHOC(options = {}) {
           imageSrc: ''
         }
       }
+      onDelegateClick = (event) => {
+        const imageSrc = event.target.src || event.target.getAttribute('src') || event.target.getAttribute('href')
+        // 判断imageSrc是否是图片
+        const fileName = event.target.innerHTML.trim()
+        if (isImageExtension(imageSrc.trim()) || isImageExtension(fileName)) {
+          // 非回复里的头像图片; 非emoticons
+          if (imageSrc.indexOf('/images/avatars/User') === -1 && 
+              imageSrc.indexOf('kindeditor/plugins/emoticons') === -1 ) {  
+            this.setState({
+              showImage: true,
+              imageSrc,
+            })
+          }
+          event.stopPropagation()
+          event.preventDefault && event.preventDefault()
+          event.originalEvent.preventDefault()
+          // event.originalEvent.stopPropagation()
+          // event.originalEvent.cancelBubble = true
+          return false;
+        }
+      }
       componentDidMount() {	
         // commentsDelegateParent #game_left_contents #tab_con_4
         setTimeout(() => {
           $(options.parentSelector || ".commentsDelegateParent")
-            .delegate(options.imgSelector || ".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img","click", (event) => {
-            
-              const imageSrc = event.target.src || event.target.getAttribute('src') || event.target.getAttribute('href')
-              // 判断imageSrc是否是图片
-              const fileName = event.target.innerHTML.trim()
-              if (isImageExtension(imageSrc.trim()) || isImageExtension(fileName)) {
-                // 非回复里的头像图片; 非emoticons
-                if (imageSrc.indexOf('/images/avatars/User') === -1 && 
-                    imageSrc.indexOf('kindeditor/plugins/emoticons') === -1 ) {  
-                  this.setState({
-                    showImage: true,
-                    imageSrc,
-                  })
-                }
-                event.stopPropagation()
-                event.preventDefault && event.preventDefault()
-                event.originalEvent.preventDefault()
-                // event.originalEvent.stopPropagation()
-                // event.originalEvent.cancelBubble = true
-                return false;
-              }
-             
-          });
-        }, 3000)
-        
+            .delegate(options.imgSelector || ".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img","click",  this.onDelegateClick);
+        }, 1200)
+      }
+      componentWillUnmount() {
+        $(options.parentSelector || ".commentsDelegateParent", 'click', this.onDelegateClick)
       }
+      
       onImageLayerClose = () => {
         this.setState({
           showImage: false,