javascript - Backbone events hash vs jquery event declaration -

If I declare my events in the 'Event' hash of a Backbone view, then such: < Pre> Event: {'MouseSite Social Media Linked': 'Shosematic Media Links',' Mouseway # Social Media Container ':' Hide Social Media Links', 'Mousecenter # Social Media Container Link ':' Enhance Social Media Linked ',' MouseLove # Social Media Container Lyn Lee ':' ResetSmagic Media Link '}, // Never Showcase Social MediaLinks: Function (E) {Warning (' Enter Mouse SM '); }, // never gets hidden Social media links: work (e) {warning ('mouse left SM'); }, // Works fine Focusing Social Media Link: Function (E) {Warning (emphasizes 'SM'); }, // works fine reset social media: function (e) {warning ('reset sm'); },

The first two incidents have failed in the fire, but the last two work is fine. The only difference is that the selector specifies a sub-element (example: #socialMediaContainer.links li , but I'm not sure why it will make a difference.

The relevant HTML source is as follows:

  
 
 
 & lt; ; A href = "#" Gt; & lt; img src = "/ content / images / social media / linked page" alt = "linkedin" /> & lt; / a & gt; & lt; / li & gt; 
  gt; & lt; / A & gt; & lt; / li & gt; 
  
 
 
 & Lt; a href = "#" & amp; lt; img src = "/ content / images / social media / googleplus.png" alt = "Google+" /> & lt; / a & gt; & lt ; / Li>; Img src = "/ content / images / socialmedia / facebook.png" alt = "facebook" /> gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "share tab" & gt; & Lt; Div & gt; Share & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 If I add a  initialize ()  method to this view, and set up the event handler there, they work fine:   code   
 But ideally I just want to be able to use the event hash for stability. Any idea why the first 2 incidents do not seem bound, but what else 2 do? Is it worth it, I have also tried to use  this.showSocialMediaLinks , as the event is in the hash, as well as the string  'Show Social Media Links' .  
 I think I have included all the above relevant information, please tell me whether you need anything else to diagnose. Thank you.   
 
 
 I assume that you have given it your code to  #socialMediaContainer  div example :  
  var myView = new MyView ({el: $ ('# Social Media Container')});   
 By doing this, all of your events will be relative to  #socialMediaContainer  div.  
 To fix this, you can:  
  Events: {'mouseenter': 'showSocialMediaLinks',' mouseleave ':' hideSocialMediaLinks', 'mouseenter For the following jQuery events:  
  $ ':' links: SocialMediaLink ',' mouseleave .links li ':' resetSocialMediaLink ',},   
 ('#Social Media Container'). ('MouseSent', this.showSocialMediaLinks);   
 This works because it is not relative to the  #socialMediaContainer  div, it is essentially global  
 The odd part is that for me The last two incidents have happened when you did this.  
  Events: {'mouseenter #socialMediaContainer .links taken': 'Stress Social Media Linked', 'Mouse Leaves # Social Media Container. I link ':' ResetSocialicmediaLink ',},   
 I'm sure why he did work but I tested it and worked for me as well. Can a bug be?