2012-07-19 10 views
5

ऐसी साइट बनाई गई जहां इसका एक बड़ा हिस्सा 3 डी प्रभाव के साथ डीआईवी को फ़्लिप करने पर निर्भर करता है, कल सुबह एफएफ 14 में अपग्रेड किया गया था और प्रभाव टूट गया था। यह एफएफ 13, क्रोम, आईई 9, आदि में ठीक काम करता हैफ़ायरफ़ॉक्स 14 3 डी 'कार्ड फ्लिप' प्रभाव तोड़ता है - किसी को पता है क्यों?

मैं जिस साइट पर काम कर रहा हूं उसे पोस्ट नहीं कर सकता, लेकिन यह साइट बिल्कुल उसी तरह टूटी हुई है - यह कार्ड के आगे और पीछे के बीच कूदती है बल्कि घूर्णन

http://jigoshop.com/product-category/extensions/

कोई भी किसी भी विचार है की तुलना में?


संपादित करें: ठीक है, शायद शामिल किया है चाहिए और अधिक जानकारी

मैं संभाल करने के लिए flipping

http://www.zachstronaut.com/projects/rotate3di/

मैं गलत था इस प्लग-इन का उपयोग कर रहा है जब मैं ने कहा कि यह वही तकनीक थी जैसा कि दूसरी वेबसाइट सादा सीएसएस प्रतीत होती है जबकि यह प्लग-इन jQuery के लिए है। यहाँ एक डेमो के लिए एक लिंक मैं एक साथ फेंक दिया

http://olliesilviotti.co.uk/the-laboratory/cards/demo/ है


संपादित करें: आप इस तरीके क्वेरी प्रयोग किया जाता है:

$('#boxes .box div.back').hide().css('left', 0); 

      function mySideChange(front) { 
       if (front) { 
        $(this).parent().find('div.front').show(); 
        $(this).parent().find('div.back').hide(); 

       } else { 
        $(this).parent().find('div.front').hide(); 
        $(this).parent().find('div.back').show(); 
       } 
      } 


      $('#boxes .box').live('mouseover', function() { 
       if (!$(this).data('init')) { 
        $(this).data('init', true); 
        $(this).hoverIntent({ 
         over: function() { 
          $(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange}); 
         }, 
         timeout: 1, 
         out: function() { 
          $(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange}); 
         } 
        }); 
        $(this).trigger('mouseover'); 
       } 
      }); 

मार्कअप इस तरह दिखता है:

<div id="boxes"> 
     <div class="box floated-box"> 
       <div class="front">Random Number</div> 
       <div class="back">I am the back of the card</div> 
     </div> 
</div> 
+1

यह एफएफ 17 ए पर भी टूट गया है। –

+0

कुछ उदाहरण मार्कअप और जहां आप इसे कॉल करते हैं, अच्छा होगा, लेकिन मैं प्लगइन के स्रोत की जांच करूंगा। –

+0

मैंने अब मार्कअप और jQuery जोड़ा है। मुझे लगता है कि इसकी आवश्यकता नहीं होगी क्योंकि एफएफ अब प्लगइन – ollie

उत्तर

4

यह वास्तव में है क्योंकि फ़ायरफ़ॉक्स देर से चलता है टी मानकों। से https://developer.mozilla.org/en/Firefox_14_for_developers

यह मसौदा मानक, तिरछा के लिए समर्थन से हटा दिया गया के रूप में() समारोह संपत्ति को बदलने से हटा दिया गया।

(इस कारण पूरे -moz-transform घोषणा गिराया जाता है।)

इसके बजाय बगजिला में बग रिपोर्ट करने की

, मैं कहेंगे यह प्लगइन के लेखक को सूचित किया जाना चाहिए।

+0

सही समझ में आता है कि मेरा कंसोल स्पैमिंग क्यों करता है 'ट्रांसफॉर्म' के लिए पार्सिंग मान में त्रुटि। घोषणा गिरा दी। 'लगातार। अच्छे खोज के लिए +1। –

+0

ठीक है, यह समझ में आता है (लेकिन थोड़ा कष्टप्रद से अधिक है)। क्या आप इस 3 डी प्रभाव को अनुकरण के बिना अनुकरण करने के किसी अन्य तरीके से अवगत हैं? – ollie

+0

@ollie मैं 3 डी को एक कोशिश करता हूं, लेकिन मैंने कभी उनका उपयोग नहीं किया है। कृपया ध्यान रखें कि 3 डी ट्रांसफॉर्म स्पेस भी हाल ही में बदल गया है इसलिए समर्थन भिन्न हो सकता है। – duri

संबंधित मुद्दे