คำถามติดแท็ก popover

เราจะได้รับป๊อปอัปที่จะถูกไล่ออกในลักษณะเดียวกันกับ modals หรือไม่ ทำให้พวกเขาปิดเมื่อผู้ใช้คลิกที่ไหนสักแห่งนอกพวกเขา? น่าเสียดายที่ฉันไม่สามารถใช้คำกริยาจริงแทน popover ได้เนื่องจากคำว่าโมดัลหมายถึงตำแหน่ง: คงที่และนั่นจะไม่ใช่ป๊อปอัปอีกต่อไป :(

289 twitter-bootstrap  popover 

ฉันพยายามที่จะแสดง HTML ภายในป๊อปอัพบูต แต่อย่างใดมันไม่ทำงาน ฉันพบคำตอบที่นี่ แต่มันไม่ได้ผลสำหรับฉัน โปรดแจ้งให้เราทราบหากฉันทำอะไรผิด <script> $(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('#popover_content_wrapper').html(); } }); }); </script> <li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> popover </li> <div id="popover_content_wrapper" style="display: none"> <div>This is your div content</div> </div>

288 html  twitter-bootstrap  popover 

ฉันกำลังออกแบบหน้าโดยใช้ Bootstrap 3 ฉันพยายามใช้ popover กับplacement: rightองค์ประกอบการป้อนข้อมูล Bootstrap ใหม่ช่วยให้มั่นใจได้ว่าถ้าคุณใช้form-controlคุณจะมีองค์ประกอบอินพุตแบบเต็มความกว้าง รหัส HTML มีลักษณะดังนี้: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> ในความคิดของฉันความกว้างของป๊อปอัปต่ำเกินไปเพราะความกว้างของมันไม่ได้อยู่ใน div ฉันต้องการรูปแบบการป้อนข้อมูลทางด้านซ้ายและป๊อปอัพที่กว้างทางด้านขวา ส่วนใหญ่ฉันกำลังมองหาทางออกที่ฉันไม่ต้องแทนที่ Bootstrap JsFiddle ที่แนบมา ตัวเลือกอินพุตที่สอง ยังไม่ได้ใช้ jsfiddle บ่อยนักดังนั้นไม่รู้ แต่ลองเพิ่มขนาดของกล่องผลลัพธ์เพื่อดูผลลัพธ์บนหน้าจอขนาดเล็กจะไม่เห็นเลย http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

ฉันใช้ popover ของบูตของ Twitter ที่นี่ ตอนนี้เมื่อฉันเลื่อนข้อความ popover ที่ popover ปรากฏขึ้นพร้อมกับเพียงข้อความจาก<a>'s data-contentแอตทริบิวต์ ฉันสงสัยว่าถ้ามีอยู่แล้วที่จะนำ<div>ภายใน popover อาจเป็นไปได้ว่าฉันต้องการใช้ php และ mysql ในนั้น แต่ถ้าฉันสามารถทำให้ div ทำงานได้ฉันคิดว่าฉันสามารถหาส่วนที่เหลือได้ ฉันลองตั้งค่า data-content เป็นdivID แต่มันใช้งานไม่ได้ HTML: <a class='danger' data-placement='above' rel='popover' data-content='#PopupDiv' href='#'>Click</a>

151 twitter-bootstrap  popover 

ฉันกำลังทำงานบนเว็บไซต์ bootstrap และหลังจากอัปเดตเป็น bootstrap 2.2 จาก 2.0 ทุกอย่างทำงานได้ยกเว้น popover ป๊อปอัปยังคงปรากฏได้ดี แต่ก็ไม่ปรากฏขึ้นบนองค์ประกอบอื่น ๆ ทั้งหมด <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. …

128 javascript  html  twitter-bootstrap  popover 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle ฉันเดาว่าฉันจะเก็บเนื้อหาของฟอร์มไว้ในฟังก์ชั่นจาวาสคริปต์ ... ฉันจะมีแบบฟอร์มภายใน bootstrap popover ได้อย่างไร

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

ฉันสามารถทำให้ป๊อปโอเวอร์ปรากฏขึ้นโดยใช้bootstrapได้ง่ายพอและฉันยังสามารถทำการตรวจสอบความถูกต้องโดยใช้ปลั๊กอินตรวจสอบความถูกต้อง jQueryมาตรฐานหรือเครื่องมือตรวจสอบความถูกต้อง jQueryแต่ฉันไม่สามารถหาวิธีป้อนข้อมูลลงในอีกรายการหนึ่งได้ ฉันคิดว่าสิ่งที่ฉันต้องการคือ hook ที่ถูกเรียกโดย validator เมื่อต้องการแสดงการแจ้งเตือนให้ปิดการส่งข้อความและองค์ประกอบเป้าหมายไปยัง popover ดูเหมือนว่าเป็นการฉีดยาแบบพึ่งพา ทุกอย่างดีในทางทฤษฎี แต่ฉันคิดไม่ออกว่าตะขอนั้นอยู่ที่ไหนหรือแม้ว่าจะมีอยู่ในเครื่องมือตรวจสอบความถูกต้องก็ตาม ทั้งคู่ดูเหมือนตั้งใจที่จะรับผิดชอบในการแสดงการแจ้งเตือนด้วยตัวเลือกที่ซับซ้อนทุกประเภทสำหรับการจัดวางการห่อหุ้มรูปแบบเมื่อสิ่งที่ฉันตามมาคือประเภทข้อผิดพลาด (ฉันไม่จำเป็นต้องใช้ข้อความ) และองค์ประกอบที่เกี่ยวข้อง ถึง. ฉันพบตะขอสำหรับทั้งแบบฟอร์มไม่ใช่การแจ้งเตือนแต่ละรายการ ฉันชอบระบบตรวจสอบความถูกต้องที่ใช้คลาสเพื่อกำหนดกฎมากกว่าเนื่องจากพวกเขาเล่นได้ดีกับรูปแบบที่สร้างขึ้นแบบไดนามิก ใครมีวิธีแก้ปัญหาหรือแนวคิดที่ดีกว่านี้

84 jquery  validation  twitter-bootstrap  popover