2010-04-29 15 views
9

मैं वर्तमान में Cufon.set('fontFamily', 'DIN Medium').replace('h1'); के समान कुछ साइट के साथ Cufon का उपयोग करता हूं, अब एक ही एच 1 टैग के लिए मैं कफॉन को अक्षम करना चाहता हूं, यह एच 1 टैग को किसी भी अन्य टैग में बदलने के बिना है, यह वैसे ही रहना चाहिए।कुछ तत्वों पर Cufon को अक्षम कैसे करें?

यदि आवश्यक हो तो मैं एच 1 टैग में कक्षाएं आदि जोड़ सकता हूं, और कोई भी HTML/CSS/JS केवल वास्तविक टैग को नहीं बदल सकता।

कोई भी जानता है कि यह संभव है और यदि ऐसा है तो?

अग्रिम धन्यवाद,

शादी

उत्तर

11

जो चयनकर्ता इंजन का उपयोग के आधार पर आप कर सकते हैं:

  • एक वर्ग अपने अपवाद h1 तत्व
  • में जोड़ने के लिए आप का उपयोग कर सकते हैं: चयनकर्ता नहीं करने के लिए केवल h1 के लिए cufon लागू कि jQuery के साथ ऊपर उल्लिखित वर्ग (नहीं है और classname 'साफ़' यह होगा कुछ की तरह Cufon.replace('h1:not(.clean)');
+0

जीनियस! बहुत अच्छा चयनकर्ता! :) –

+0

शानदार समाधान! वास्तव में मुझे क्या चाहिए :) – Rob

+0

क्या आप इसके लिए बेवकूफ़ बना सकते हैं, मुझे जवाब नहीं मिला। –

0

एकल h1 तुम्हारा मतलब द्वारा?

$('h1').each(function(){ 
    if($(this).siblings('h1').length) 
     Cufon.set('fontFamily', 'DIN Medium').replace(this); 
}); 
+0

मुझे नहीं लगता कि काम करेंगे है, तो आप कह रहे हैं Cufon सभी को बदलने के लिए एच 1 तत्व फिर से। हालांकि आप डीओएम तत्व भेज सकते हैं। – jpabluz

+0

यह सिर्फ सभी एच 1 टैग स्टाइल करेगा। –

+0

संपादित। ऐसा करने के लिए –

3
function remove_cufon(selector) { 
    $(selector).html(cufon_text(selector)); 
    return true; 
} 

function cufon_text(selector) { 
    var g = ''; 
    $(selector +' cufon cufontext').each(function() { 
     g = g + $(this).html(); 
    }); 
    return $.trim(g); 
} 

उपयोग:

remove_cufon('#name'); 
+0

ठीक काम करता है, बढ़िया :) – john

1

का उपयोग jQuery: एच 1 और चयनकर्ता में निर्दिष्ट करने के लिए सीएसएस वर्ग का उपयोग करें ...

$('h1.noCufon').each(function(){ 
     var cufonText = ''; 
     $('cufontext',$(this)).each(function(){ 
      cufonText+=$(this).html(); 
     }); 
    if(cufonText!=''){ 
     $(this).html(cufonText); 
    } 
}) 
संबंधित मुद्दे