मेरे पास कुछ div तत्व हैं और उनमें से प्रत्येक का hover प्रभाव CSS द्वारा लागू किया गया है। लेकिन मैं हमेशा यह हॉवर प्रभाव नहीं चाहता; यह केवल विशिष्ट परिस्थितियों में सक्रिय होना चाहिए।

अब, जब मेरी शर्तें पूरी होती हैं, तो मैं jQuery का उपयोग करके उन hover प्रभावों को कैसे अक्षम कर सकता हूं? hover को अक्षम करने के लिए कोड क्या है? मेरे पास सीएसएस फाइलों तक पहुंच नहीं है।

6
thecodeparadox 2 मई 2011, 10:25

2 जवाब

सबसे बढ़िया उत्तर

CSS के बजाय बस jQuery hover का उपयोग करें।

उदा. ऐसे सीएसएस के बजाय:

#Div1:hover { background-color: yellow; }

यह jQuery लें:

$("#Div1").hover(function() {
    $(this).css("background-color", "yellow");
}, function() {
    $(this).css("background-color", "");
});

वही प्रभाव, और आप जेएस कोड को नियंत्रित करते हैं और शर्तें हो सकती हैं।
लाइव टेस्ट केस: http://jsfiddle.net/THXuc/

12
Shadow Wizard Wearing Mask V2 2 मई 2011, 10:28
धन्यवाद दोस्त। लेकिन मेरे पास सीएसएस फाइलों तक पहुंच नहीं है।
 – 
thecodeparadox
2 मई 2011, 10:32
2
@abdullah, आपके पास सीएसएस फाइलों तक पहुंच नहीं है, .css() जो कुछ भी आपके सीएसएस में लिखा गया है उसे जोड़ता है
 – 
ianace
2 मई 2011, 10:34
2
हां, इयान ने क्या कहा - सीएसएस फाइलें jQuery के लिए प्रासंगिक नहीं हैं। :)
 – 
Shadow Wizard Wearing Mask V2
2 मई 2011, 10:39

आप jQuery .hover() का उपयोग करके, प्रश्न में div(s) के लिए एक अलग वर्ग लागू कर सकते हैं। माउसिन पर, क्लास लागू करें और माउसआउट पर, इसे हटा दें।

0
kaveman 2 मई 2011, 10:31