javascript - How do I hijack just one specific link within an LI and not ALL links? -


मेरे पास एक मेनू है जो प्रत्येक li में है, इसमें एकाधिक & lt; a & gt होगा ; टैग मुख्य एक आइटम का नाम है जब उस पर क्लिक किया जाता है, तो मैं एक ड्रापडाउन घटना को होने के लिए चाहता हूं। & lt; li & gt; मैं उन क्लिक्स को सामान्य रूप से कार्य करने के लिए चाहता हूं।

मेरी एचटीएमएल इस तरह दिखती है:

  & lt; ली वर्ग = "पेड़-आइटम-नाम" & gt; & lt; a href = "#" & gt; औंस एंड amp; amp; amp; मामा & lt; / a & gt; & lt; span class = "bootstrap-styles" & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "/ family_trees / 3" & gt; & lt; आईएमजी alt = "डिफ़ॉल्ट" वर्ग = "आईएमजी-सर्कल" ऊंचाई = "48" src = "/ संपत्ति / डिफ़ॉल्ट.jpg" चौड़ाई = "48" / & gt ; & lt; / a & gt; & Lt; a href = "/ परिवार_ट्रेट्स / 3" & gt; जैकी लिन & lt; / a & gt; & lt; एक डेटा-पुष्टि = "क्या आप निश्चित हैं?" डेटा-विधि = "हटाएं" href = "/ परिवार_ट्रेट्स / 3" rel = "nofollow" & gt; & lt; i वर्ग = "एफए-एफए-अंगूठे-ओ-डाउन" & gt; & lt; / i & gt; & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / span & gt; & Lt; / li & gt;   

जेएस इस तरह दिखता है:

  jQuery (दस्तावेज़) .ready (function () {jQuery ('LI.tree-item-name') .click (function () {if (jQuery (this) .hasClass ('open')) {jQuery (this)। Find ('UL')। स्लाइडअप (); jQuery (this) .removeClass ('open'); } अन्य {jQuery (यह) .फंड ('उल')। स्लाइड डाउन (); jQuery (यह) .addClass ('खोला');} वापसी झूठी;});});   

लेकिन अभी, जब आप img टैग या जैकी लिन पर क्लिक करते हैं .... न तो काम - क्योंकि दोनों ही हैं जेएस द्वारा अपहृत किया जा रहा है।

मैं इसे कैसे सेट करूं, केवल इसलिए li.tree-item-name प्रभावित होता है?

< Div class = "post-text" itemprop = "text">

आपको ईवेंट प्रसार को रोकने और केवल li s को रोकने की आवश्यकता है जिसमें इसके अंदर एक ul है

  jQuery (फ़ंक्शन ($) {$ ('LI.tree-item-name')। ('Ul')। क्लिक करें (फ़ंक्शन () {if ($ (this ) .hasClass ('खोला')) {$ (यह) .फंड ('उल')। स्लाइडअप (); $ (यह) .removeClass ('खोला');} और {$ (यह) .फंड ('उल ');। ($) (); $ (यह) .addClass (' खोला ');} वापसी लौटा;}); $ (' LI.tree-item-name li ')। क्लिक करें (फ़ंक्शन (e) {e.stopPropagation ();})});   
  .tree-item-name उल {प्रदर्शन: कोई नहीं; }   
  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.11.1 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & LT; ul & gt; & Lt; li वर्ग = "पेड़-आइटम-नाम" & gt; & Lt; a href = "#" & gt; न्यासी & amp; amp; मामा & lt; / a & gt; & Lt; span class = "bootstrap-styles" & gt; & LT; ul & gt; & Lt; li & gt; & Lt; a href = "/ family_trees / 3" & gt; & lt; आईएमजी alt = "डिफ़ॉल्ट" वर्ग = "आईएमजी-सर्कल" ऊंचाई = "48" src = "/ संपत्ति / डिफ़ॉल्ट.jpg" चौड़ाई = "48" / & gt ; & lt; / a & gt; & Lt; a href = "/ परिवार_ट्रेट्स / 3" & gt; जैकी लिन & lt; / a & gt; & lt; एक डेटा-पुष्टि = "क्या आप निश्चित हैं?" डेटा-विधि = "हटाएं" href = "/ परिवार_ट्रेट्स / 3" rel = "nofollow" & gt; & lt; i वर्ग = "एफए-एफए-अंगूठे-ओ-डाउन" & gt; & lt; / i & gt; & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / span & gt; & Lt; / li & gt; & lt; / ul & gt;      

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -