छिपे हुए बच्चे तत्वों पर गोलीबारी से Mootools Mouseenter को रोकें

Question

मेरे पास एक सामग्री स्लाइडर है जो ऑटो घुमाता है कि जब आप इसे घुमाते हैं तो यह घूर्णन बंद हो जाएगा।

$$('.holder').addEvents({ 
    mouseover: function(){ 
     clearInterval(rollingon); 
    }, 
    mouseout: begin 
}); 

एचटीएमएल:

<div id="fliptable"> 
    <div class="holder"> 
    <ul class="headliner" style="left: 0;"> 
     <li class="headitem"> 
      <div class="squared" style="opacity: 1;"> 
          *content* 
      </div> 
     </li> 
    </ul> 
    </div> 
</div> 

Fliptable ब्राउज़र की पूरी चौड़ाई बढ़ती है मेरी समस्या यहाँ कोड के इस बिट है। इसलिए अलग-अलग सूची तत्वों में उनकी अस्पष्टता बदल जाती है। अब जब मैं छुपा सूची तत्वों पर होवर कर रहा हूं तो मेरी समस्या है माउसओवर आग लग जाएगा। क्या वैसे भी मैं बच्चों पर आग नहीं लगा सकता?

यहाँ जे एस बेला है: http://jsfiddle.net/AjWuL/

Answer 1

हां, तो आप सिर्फ एक और कक्षा सूची तत्वों को जोड़ सकते हैं तो आप इस

window.onmouseover=function(e){ 
if(e.target.className!="hiddenelements"){ 
what you want 
} 

आप के लिए है की तरह भी करने के लिए प्रतिक्रिया और कुछ करना चाहता हूँ न इसे अपने कोड में अनुकूलित करें, मुझे नहीं पता कि इसे अपनी कक्षा में jsfiddle पर कैसे रखा जाए।