दिलचस्प पोस्ट
PHP $ _GET लिनक्स कमांड प्रॉम्प्ट में पास कर रहा है कैसे PHP में एक ईमेल को मान्य है? क्या फॉरचाचे का उपयोग सी # 5 में बदल दिया गया है? टपल पर फिर से चलना पदावनत आकार के लिए प्रतिस्थापनफ़ोथफॉन्ट: IOS 7 में? संदर्भ से मैं एक आदिम डेटा प्रकार कैसे प्राप्त करूं? डोम समाप्त होने के बाद मैं एक निर्देश कैसे चला सकता हूं? अवधि का उपयोग किए बिना एक HTML सूची के बुलेट का रंग बदलें ईएफ 4.0 में स्ट्रिंग को ईंट में कनवर्ट करें <iframe> डोमेन पर जावास्क्रिप्ट प्रवेश अभिभावक DOM? क्या मुझे संभवत: समानांतर स्ट्रीम का उपयोग करना चाहिए? मैं स्ट्रिंग ऑब्जेक्ट को हैश ऑब्जेक्ट में कैसे रूपांतरित कर सकता हूं? अनछुए परिवर्तन का पता लगा रहा है HRESULT: 0x800A03EC वर्कशीट.रेंज पर Scala foreach अजीब व्यवहार

jQuery स्लाइड बाएं और दिखाएं

मैंने jQuery slideRightShow() को slideRightShow() और slideLeftHide() slideRightShow() नामक कुछ फ़ंक्शन के साथ बढ़ाया जो नीचे देखा गया slideUp() और slideUp() समान काम करते हैं। हालांकि, मैं भी slideLeftShow() और slideRightHide() को लागू करना slideLeftShow()

मुझे पता है कि पर्याप्त पुस्तकालय हैं जो इस प्रकार की चीज़ प्रदान करते हैं (मैं javascript फ़ाइलों का एक और बड़ा सेट जोड़ने से बचने के लिए चाहता हूं), लेकिन कोई भी सरल उदाहरण प्रदान कर सकता है कि कैसे slideLeftShow() या slideRightHide() को कार्यान्वित करें?

 jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { jQuery(this).animate({width: 'show'}); }); }, slideLeftHide: function() { return this.each(function() { jQuery(this).animate({width: 'hide'}); }); }, slideRightHide: function() { return this.each(function() { ??? }); }, slideLeftShow: function() { return this.each(function() { ??? }); } }); 

उपरोक्त slideRightShow फ़ंक्शन छवि को बाईं ओर से प्रदर्शित करना शुरू कर देता है और यह दाहिनी ओर की ओर बढ़ता है मैं एक ही बात करने के लिए कुछ रास्ते की तलाश कर रहा हूं, लेकिन दाएं तरफ से शुरू होता हूं और बाएं ओर की तरफ बढ़ रहा हूं धन्यवाद!

संपादित करें

jQuery इंटरफ़ेस की तरह कुछ मुझे ज़रूरत है (मैं मूल रूप से "सही में स्लाइड" और "बाएं से बाहर स्लाइड" फ़ंक्शंस की आवश्यकता है), लेकिन मुझे यह jQuery 1.3 के साथ काम करने में नहीं मिल सका: http://interface.eyecon.ro/demos /ifx.html । इसके अलावा, उनके डेमो को भी टूटने लगता है क्योंकि यह केवल एक लाख त्रुटियों को फेंकने से पहले एक स्लाइड करता है।

वेब के समाधान से एकत्रित समाधान "jQuery स्लाइड बाएं और दिखाएं"

इस सुविधा को jquery ui http://docs.jquery.com/UI/Effects/Slide के हिस्से के रूप में शामिल किया गया है यदि आप इसे अपने स्वयं के नामों से विस्तारित करना चाहते हैं तो आप इसका उपयोग कर सकते हैं।

 jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { $(this).show('slide', {direction: 'right'}, 1000); }); }, slideLeftHide: function() { return this.each(function() { $(this).hide('slide', {direction: 'left'}, 1000); }); }, slideRightHide: function() { return this.each(function() { $(this).hide('slide', {direction: 'right'}, 1000); }); }, slideLeftShow: function() { return this.each(function() { $(this).show('slide', {direction: 'left'}, 1000); }); } }); 

आपको निम्नलिखित संदर्भों की आवश्यकता होगी

 <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script> 

पैडिंग और मार्जिन मत भूलना …

 jQuery.fn.slideLeftHide = function(speed, callback) { this.animate({ width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, speed, callback); } jQuery.fn.slideLeftShow = function(speed, callback) { this.animate({ width: "show", paddingLeft: "show", paddingRight: "show", marginLeft: "show", marginRight: "show" }, speed, callback); } 

गति / कॉलबैक तर्क के साथ जोड़ा गया, यह slideUp() और slideUp() लिए एक पूर्ण ड्रॉप-इन प्रतिस्थापन है।

आप अपने स्वयं के स्क्रिप्ट फ़ाइल पर इन पंक्ति को जोड़कर अपने jQuery पुस्तकालय में नए फ़ंक्शन जोड़ सकते हैं और आप आसानी से fadeSlideRight() और fadeSlideLeft() उपयोग कर सकते हैं।

नोट: आप 750px के उदाहरण की तरह आप एनीमेशन की चौड़ाई बदल सकते हैं

 $.fn.fadeSlideRight = function(speed,fn) { return $(this).animate({ 'opacity' : 1, 'width' : '750px' },speed || 400, function() { $.isFunction(fn) && fn.call(this); }); } $.fn.fadeSlideLeft = function(speed,fn) { return $(this).animate({ 'opacity' : 0, 'width' : '0px' },speed || 400,function() { $.isFunction(fn) && fn.call(this); }); } 

और अगर आप गति को बदलना चाहते हैं और कॉलबैक शामिल करना चाहते हैं तो उन्हें इस तरह से जोड़ें:

  jQuery.fn.extend({ slideRightShow: function(speed,callback) { return this.each(function() { $(this).show('slide', {direction: 'right'}, speed, callback); }); }, slideLeftHide: function(speed,callback) { return this.each(function() { $(this).hide('slide', {direction: 'left'}, speed, callback); }); }, slideRightHide: function(speed,callback) { return this.each(function() { $(this).hide('slide', {direction: 'right'}, speed, callback); }); }, slideLeftShow: function(speed,callback) { return this.each(function() { $(this).show('slide', {direction: 'left'}, speed, callback); }); } });