नॉकआउट-पॉपओवर: नॉकआउट जेएस के लिए सरल बंधन ट्विटर बूटस्ट्रैप पॉपओवर

मैं आपके ध्यान में ट्विटर बूटस्ट्रैप से पॉपओवर लागू करने के लिए नॉकआउट जेएस के लिए एक सरल कस्टम बाइंडिंग लाता हूं।

डेमो

एकल उपयोग मामला

<span data-bind="popover: true" class="ko-popover" data-popover-placement="bottom" data-popover-title="knockout-popover" data-popover-content="Awesome knockout-popover plugin"> knockout-popover (hover over me :) </span> 

केस पॉपओवर का उपयोग करें

 <span class="ko-popover" data-bind="popover: true, popoverOptions: { title: 'JS driven title' }" data-popover-placement="bottom" data-popover-content="Awesome knockout-popover plugin"> popoverOptions will override 'data-' attribute values </span> 

पॉपओवर ग्रुप

 <p data-bind="popover: false, popoverOptions: { elem: '.ko-popover'}"> This is example of how to enable <span class="ko-popover" data-popover-title="knockout-popover: multiple popovers" data-popover-content="Multiple popovers by single knockoutjs binding"> knockout-popovers </span> for all <span class="ko-popover ko-popover-info" data-popover-placement="right" data-popover-title="So, do you like it?" data-popover-content="knockout-popover with custom CSS class"> child elements </span>, that have the defined class. </p> 

समर्थन विकल्प

प्लगइन पॉपओवर पेज पर वर्णित सभी विकल्पों का समर्थन करता है

संदर्भ

गीथूब पर सूत्र