कृपया, इस सीएसएस कोड पर विचार करें:
a { color: #ffcc00; }
a:hover { color: #ccff00; }
यह HTML कोड:
<a href="#" id="link">Link</a>
<button id="btn">Click here</button>
और, अंत में, यह जेएस कोड:
$("#btn").click(function() {
$("#link").trigger("hover");
});
मैं अपने लिंक का उपयोग करना चाहता हूँछद्म वर्ग: बटन क्लिक करने पर होवर करें। मैंने मूसमव, माउसेंटर, होवर आदि जैसी घटनाओं को ट्रिगर करने की कोशिश की, लेकिन कोई भी काम करता है। ध्यान दें कि मैं अपने सीएसएस छद्म वर्ग के उपयोग को मजबूर करना चाहता हूं: होवर विनिर्देशन और जैसे कुछ का उपयोग न करना:
$("#link").css("color", "ccff00");
कुछ लोग जानते हैं कि मैं यह कैसे करूँ? आपका बहुत बहुत धन्यवाद।
उत्तर:
उत्तर № 1 के लिए 106आपको एक वर्ग का उपयोग करना होगा, लेकिन "चिंता मत करो, यह बहुत आसान है। पहले हम आपको "असाइन" करेंगे :hover
नियम न केवल शारीरिक रूप से होवर किए गए लिंक पर लागू होते हैं, बल्कि उन लिंक पर भी होते हैं जिनके पास क्लासनाम है hovered
.
a:hover, a.hovered { color: #ccff00; }
अगला, जब आप क्लिक करें #btn
, हम "टॉगल करेंगे।" .hovered
पर वर्ग #link
.
$("#btn").click(function() {
$("#link").toggleClass("hovered");
});
यदि लिंक में पहले से ही क्लास है, तो उसे हटा दिया जाएगा। यदि यह वर्ग नहीं है, तो इसे जोड़ा जाएगा।
जवाब के लिए 26 № 2
इसके अलावा, आप एक माउसओवर को चालू करने का प्रयास कर सकते हैं।
$("#btn").click(function() {
$("#link").trigger("mouseover");
});
निश्चित नहीं है कि यह आपके विशिष्ट परिदृश्य के लिए काम करेगा, लेकिन मुझे विभिन्न मामलों के लिए हॉवर के बजाय माउसओवर ट्रिगर करने में सफलता मिली।