JQuery and z-index -


मेरे पास दो DIV हैं:

  & lt; div id = "div1" & gt; & lt ; / div & gt; & Lt; div id = "div2" & gt; & lt; / div & gt;   

विशेष मामलों में div2 ज़-इंडेक्स लेता है: 99 9 और उस स्थिति में मैं div1 पर क्लिक नहीं कर सकता परिभाषित jquery funciton: <पूर्व> $ j = jQuery.noConflict (); $ J (फ़ंक्शन () {$ j (दस्तावेज़)। क्लिक करें (फ़ंक्शन (ई) {var क्लिक किए गए = $ j (e.target);})})

इसलिए, दृश्य

  • $ j (दस्तावेज़)। क्लिक करें फ़ंक्शन जिसे क्लिक किया जाता है अगर किसी भी div पर उसी z- अनुक्रमणिका के साथ होता है

  • $ J (दस्तावेज़)। क्लिक फ़ंक्शन कहलाता है कि अगर क्लिक

    पर अधिक से अधिक z- सूचकांक पर होता है और किसी अन्य पर क्लिक नहीं किया जाता

    क्या पूरी स्क्रीन पर बनाए गए सभी क्लिकों को संभाल करने के लिए कोई तरीके हैं?

    अगर आप यह सुनिश्चित करना चाहते हैं किसी भी गहराई के किसी भी divs पर हर क्लिक को संभालने के लिए, आप पुष्टि कर सकते हैं कि माउस खत्म हो गया है, जबकि दस्तावेज़ पर क्लिक करके उस div के क्लिक ईवेंट को ट्रिगर करें। के बारे में:

      $ (document) .click (function (e) {$ ('div')। प्रत्येक (function () {if (e.pageX> = $ (this) .position.left & amp; amp; amp; e.pageX & lt; = $ (this) .position.left + $ (this)। विथथ () & amp; amp; amp ;; y & gt; = $ (this) .position.top & amp; & Amp; amp; e.pageY & lt; = $ (this) .position.top + $ (this) .इट ()) {$ (this) .trigger ('click');}});});   

    यह एक ओवरकिल समाधान है लेकिन यह काम कर सकता है .. यह मदद आशा है।

  • Comments