jQuery शो () ट्विटर बूटस्ट्रैप सीएसएस वर्ग के लिए छिपा हुआ है

Question 1

मैं ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं और मैं देखता हूं कि jQuery show()या fadeIn()DOM तत्व को वर्ग के रूप में चिह्नित नहीं करता है hiddenक्योंकि jQuery फ़ंक्शन केवल display: noneविनिर्देश को हटा देता है । हालाँकि, visibilityयह अभी भी निर्धारित है hidden।

मुझे आश्चर्य है कि इस के आसपास काम करने का सबसे अच्छा तरीका क्या है?

hiddenतत्व पर वर्ग निकालें
दृश्यता गुण बदलें
मेरी सीएसएस में छिपे वर्ग को अधिलेखित करें

विशेष रूप से, मैं यह जानना चाहता हूं कि क्या jQuery या css के साथ इसे ठीक करना बेहतर है और क्यों।

Question 2

जिस सीएसएस क्लास की आपको तलाश है .collapse। यह करने के लिए तत्व सेट करता हैdisplay: none;

तो उपयोग $('#myelement').show()करना ठीक से काम करेगा।

अद्यतन: बूटस्ट्रैप v3.3.6 अद्यतन किया है। वापस करने के लिए:

.collapse {
  display: none;
}

Question 3

यह आपके अदृश्य तत्व को फीका कर देगा और कक्षा को हटा देगा

$('#element.hidden').css('visibility','visible').hide().fadeIn().removeClass('hidden');

http://jsfiddle.net/7qxVL/

यदि आपको वास्तव में अदृश्य (यानी स्थान लेने के लिए) तत्व की आवश्यकता नहीं है, तो आप फिर से परिभाषित करना चाहते हैं। यह (आप स्थानीय सीएसएस में, बूटस्ट्रैप स्रोत नहीं बदलें, या इससे भी बेहतर, अपनी स्थानीय लेस फ़ाइल में)।

Question 4

चेतावनी:

बूटस्ट्रैप 3.3.0 बस बदल गया है।

.collapse {
  display: none;
  visibility: hidden;
}

जो jQuery.show () के लिए एक ब्रेकिंग चेंज है, मुझे वापस इनलाइनिंग वापस करना पड़ा:

<div class="alert alert-danger" style="display:none;" >
</div>

jQuery का उपयोग जारी रखने के लिए निम्नानुसार है:

$('.alert').html("Change a few things up and try submitting again.").show()

एकमात्र वर्ग जिसे मैं बूटस्ट्रैप 3.3.0 में पा सकता था, सिर्फ 'प्रदर्शन: कोई नहीं' लागू करने के लिए

.navbar {
  display: none;
}

Question 5

मुझे भी यही समस्या थी। मैंने इस पैच का उपयोग किया:

$(function() {
  $('.hidden').hide().removeClass('hidden');
});

तब मुझे एक और समस्या हुई, क्योंकि मेरा आवेदन नए तत्वों को उत्पन्न करता है और उन्हें जोड़ / बढ़ाता है। मैंने जो नया तत्व किया है, उसे उत्पन्न करने के बाद मैंने आखिरकार क्या किया:

var newEl = ...;
$(newEl).find('.hidden').hide().removeClass('hidden');

Question 6

मेरे लिए यह इसलिए था क्योंकि बूटस्ट्रैप, !importantक्लास को छिपाने और छिपाने दोनों के लिए हैक का उपयोग कर रहा है ।

तो आप show()jquery के साथ प्रदान किए गए आदि तरीकों का उपयोग नहीं कर सकते । इसके बजाय आपको हैकी कोड को ओवरराइट करते हुए और भी भयानक कोड लिखना होगा।

$('#myelement').attr('style', 'display: block !important');

महत्वपूर्ण एक अंतिम विकल्प है और वास्तव में बूटस्ट्रैप जैसे मुख्य पुस्तकालय में उपयोग नहीं किया जाना चाहिए।

Question 7

यह काम करता है, लेकिन मैं पहले उत्तर का प्रयास करने जा रहा हूं और कक्षाओं को बदलूंगा .collapse।

.toggleClass('hidden')