2011-12-27 20 views
9

इस पहेली पर http://jsfiddle.net/mjmitche/qVdEy/6/ पर, आप देख सकते हैं कि पॉपओवर के अंदर पाठ का संरेखण सही है, हालांकि, जब मैं अपनी साइट पर सटीक उसी सीएसएस/जेएस/एचटीएमएल डालता हूं, तो पाठ कंटेनर से बड़ा होता है!एक पॉपओवर डीबग कैसे करें?

enter image description here

मैं बाहर क्या फ़ायरबग का उपयोग कर हो रहा है निकालने की कोशिश कर रहा हूँ, लेकिन मैं पॉपओवर बंद मेरी कर्सर ले जाने के लिए फ़ायरबग उपयोग करने के लिए, और फिर गायब हो जाता है फ़ायरबग। मैं यह नहीं समझ सकता कि मेरे कोड में कौन सी सेटिंग्स प्रस्तुति बदल रही हैं। R आर (आप बेला में संसाधनों देख सकते हैं) का उपयोग करते हुए ट्विटर Bootstrap.js बनाई गई हैं

+3

आप निस्संदेह बूटस्ट्रैप के साथ अपने स्वयं सीएसएस मिश्रण कर रहे हैं। आपका स्वयं का सीएसएस बूटस्ट्रैप तोड़ता है, यह वास्तव में इतना आसान है। –

+0

फ़ायरफ़ॉक्स का आप किस संस्करण का उपयोग कर रहे हैं, मुझे फ़ायरफ़ॉक्स या क्रोम – Gautam

+0

पर एक ही समस्या नहीं मिल रही है, मुझे लगता है कि आपने quetsion को गलत समझा। Jsfiddle पर पॉपओवर सही है (मेरे ब्राउज़र और आपके में) लेकिन मेरी स्थानीय साइट पर (जो केवल मैं देख सकता हूं) यह टूटा हुआ है, इससे कोई फर्क नहीं पड़ता कि ब्राउजर क्या है। आप मेरी स्थानीय साइट पर कोड नहीं देख सकते हैं। – Leahcim

उत्तर

2

खैर पॉपओवर सीएसएस देखने के बाद, ऐसा लगता है कि वहाँ कोई स्पष्ट रूप से परिभाषित किया गया है font-size: http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css (बस है एक पर मिल " पॉपओवर "और सीएसएस के माध्यम से देखना)

शायद निम्नलिखित CSS जोड़ने और उसे वहां से सुधार करने का प्रयास करें:

.popover, .popover h3.title, .popover .content { font-size: 14px; } 

आशा में मदद करता है :)

+0

यह अंतर्निहित प्रश्न का उत्तर देता है। एफवाईआई, आंतरिक सवाल के जवाब के लिए जॉन के जवाब को और नीचे देखें। – retrovertigo

4

मैं क्या तरह का अजीब है और केवल लगता है क्रोम में काम करने के लिए, नहीं Firebug। कदम हैं:

  1. एक नई विंडो में क्रोम निरीक्षक खोलें
  2. निरीक्षक के बारे में सुनिश्चित हिस्सा बटन आप सक्रिय करने के लिए (जो पृष्ठभूमि विंडो में है की कोशिश कर रहे हैं का ज़्यादा है
  3. ब्राउज़र विंडो सक्रिय और बटन पर होवर (इस पॉपअप को सक्रिय करता है), अब मारा Alt + Tab (cmd + `पर OSX) निरीक्षक खिड़की पर स्विच करने के।
  4. यह mouseout घटना ट्रिगर नहीं करेगा और अपने पॉपअप छोड़ डीओएम बॉडी नोड से जुड़ा हुआ है! चूंकि आप अल्रिया हैं इंस्पेक्टर में डीई आप इसे नेविगेट कर सकते हैं और सीएसएस समस्या देख सकते हैं।
+1

इस तरह के लिए मेरे लिए काम किया, लेकिन जैसे ही मैं चरण 3 के बाद अपना माउस ले जाता हूं, वैसे ही माउस-आउट इवेंट वास्तव में ट्रिगर होता है, भले ही यह सक्रिय विंडो न हो :(लेकिन इससे पहले कंसोल में दिखाई देता है, लेकिन मैं कर सकता हूं तत्व को नहीं देखता क्योंकि मैं इसे गायब होने से पहले क्रोम इंस्पेक्टर में इसे देखने के लिए स्क्रॉल नहीं कर सकता – FireDragon

27

कोई भी वास्तव में सवाल "कैसे एक पॉपओवर डिबग करने के लिए" जवाब ::: आप लोड पर खोलने के लिए $('#element').popover('show')

+2

यह स्वीकार किया गया उत्तर दिया जाना चाहिए कि प्रश्न डीबग करने के तरीके के बारे में पूछ रहा है। – Tariqulazam

+1

बस जो मैं खोज रहा था, आप भी कर सकते हैं "घड़ी" पैनल में वह आदेश जोड़ें। – guilleva

+0

इसके अतिरिक्त, फ़ायरफ़ॉक्स देवटूल में आप इंस्पेक्टर में ट्रिगरिंग तत्व का चयन कर सकते हैं, "कंसोल में उपयोग करें" पर राइट-क्लिक करें और '$ (temp0) .popover (' show ') जैसे कुछ करें। ' – retrovertigo

0

यह मैं अपने नए HTML बॉक्स विजुआलाइज़र उपकरण बनाया कुछ ऐसी बातें है >> पॉपओवर सेट के लिये। इसकी जांच - पड़ताल करें!

HTML Box Visualizer - GitHub

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