2009-08-18 12 views
6

मेरे पास एक बटन है जो क्लिक होने पर, उस तालिका में पंक्ति प्राप्त करता है जिस पर क्लिक किया गया था।jquery, fading और रंग बदलते हुए एक टेबल पंक्ति को हटाकर

$("#someId").remove(); 

मैं हटाई जा रही पंक्ति को हाइलाइट करना चाहता हूं, और इसे फीका कर रहा हूं (इसे हटाया जा रहा है)।

क्या jQuery के साथ ऐसा करने का कोई तरीका है?

मैंने निकालने के साथ एक फीडआउट की कोशिश की, लेकिन वह जो मैं चाहता था उसे हासिल नहीं किया।

$("#someId").fadeOut("slow").remove(); 

उत्तर

8

के रूप में परिभाषित किया गया है | hilite आदेश पर प्रकाश डाला करने के लिए, आप color animations की जाँच की आवश्यकता होगी। एक आधिकारिक JQuery color plugin है जिसे आप animate फ़ंक्शन के साथ रंग परिवर्तन एनिमेशन करने के लिए प्राप्त कर सकते हैं। एक बार आपके पास यह हो जाने के बाद, आपको इस तरह से सबकुछ पूरा करने में सक्षम होना चाहिए:

$("#someId").animate({backgroundColor:'yellow'}, 1000).fadeOut(1000,function() { 
    $('#someId').remove(); 
}); 
+1

आपको fadeOut() के कॉलबैक के भीतर .remove() डालना होगा। – Sampson

+0

जैसा कि मैंने अपने जवाब में कहा था। –

+0

आह हाँ, धन्यवाद। मैंने इस पर एक संपादन फेंक दिया। – zombat

1

उजागर हिस्सा है, मैं नहीं जानता कि, लेकिन फीका बाहर भाग:

$("someId").fadeOut(1000,function() 
{ 
    $(this).remove(); 
}); 

कौन सा एक कॉलबैक करता है: आप का रंग बदलने की कोशिश कर रहे हैं, तो http://docs.jquery.com/Effects/fadeOut

1

किसी भी रंग संक्रमण प्रभाव के बिना पंक्ति आप हटाने की प्रक्रिया शुरू करने से पहले हटाए जा रहे पंक्ति में एक वर्ग जोड़ सकते हैं।

$("#someId").addClass('hilite').fadeOut('slow', function() { 
    $('#someId').remove(); 
    }); 

जहां

.hilite{ background-color:orange;} 
संबंधित मुद्दे