Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • webui-popover plugin in jQuery

    • 0
    • 0
    • 0
    • 0
    • 2
    • 0
    • 0
    • 0
    • 94
    Comment on it

    It is a plugin with jQuery which can be used to show popover . It can work with bootstrap but it can be used without bootstrap. It requires jquery1.7+
    It supports browsers IE8+, Chrome, Safari, firefox, Opera.

    These are the features of this plugin:

    • It is lightweight and fast.
    • It supports more placements and auto calculate placement.
    • It has close button in popover.
    • It can open multiple popovers in same page.
    • It has different styles.
    • It supports url, iframe, async mode and backdrop.
    • It has different animations.

    Installation:
     

    npm install webui-popover

    Getting Started:
    Localfile-
     

    <link rel="stylesheet" href="jquery.webui-popover.css">
    ...
    <script src="jquery.js"></script>
    <script src="jquery.webui-popover.js"></script>

    or CDN-
     

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.webui-popover/1.2.1/jquery.webui-popover.min.css">
    ...
    <script src="https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.webui-popover/1.2.1/jquery.webui-popover.min.js"></script>

    Using the plugin:
    You can use the plugin in different ways:
     

    1. $('a').webuiPopover({title:'Title',content:'Content'});
    <a href="#" data-title="Title" data-content="Contents..." data-placement="right">show pop</a>
    
    2. $('a').webuiPopover();
    <a href="#" >shop pop</a>
    <div class="webui-popover-content">
        <p>popover content</p>
    </div>
    
    3. <a href="#" >shop pop</a>
    <div id="myContent">
        <p>popover content</p>
    </div>
    $('a').webuiPopover({url:'#myContent'});

     

 2 Comment(s)

  • A jQuery module is basically another method that we use to widen jQuery's model challenge. By expanding the model inquiry you engage all jQuery things to secure any methodologies that you incorporate Coursework Writing. As developed, at whatever point you call jQuery() you're making another jQuery dissent, with most of jQuery's strategies gained.
  • A jQuery module is essentially another technique that we use to broaden jQuery's model protest. By broadening the model question you empower all jQuery items to acquire any strategies that you include. As built up, at whatever point you call jQuery() you're making another jQuery protest, with the greater part of jQuery's techniques acquired. Can Do my Coursework
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: