Giter Site home page Giter Site logo

rickardn / listgroup.js Goto Github PK

View Code? Open in Web Editor NEW
53.0 53.0 16.0 560 KB

Automatically turn your select elements into bootstrap list groups or turn your bootstrap list groups into selectable lists.

Home Page: http://rickardn.github.io/listgroup.js/

License: MIT License

JavaScript 100.00%

listgroup.js's People

Contributors

rickardn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

listgroup.js's Issues

Images / Style

Hello,

Is it possible to make a select that is styled or has images inside it?

Plugin breaks HTML internal links, just by loading it

Currently the plugin applies the ListGroup 'selecting' behavior to all elements with class 'list-group' by default.

Effectively, it intercepts the clicks. This 'breaks' the following code-snipet that we used as a kind of "Table Of Contents":

<div class="list-group">
  <a class="list-group-item" href="#chapter-1-section-1">Go to Section 1.1</a>
  <a class="list-group-item" href="#chapter-1-section-2">Go to Section 1.2</a>
  <a class="list-group-item" href="#chapter-1-section-3">Go to Section 1.3</a>
  <a class="list-group-item" href="#chapter-1-section-4">Go to Section 1.4</a>
  <a class="list-group-item" href="#chapter-1-section-5">Go to Section 1.5</a>
</div>

Is there a way the internal link as used in the href attribute of the involved anchor is still respected => the browser scrolls to that section as it would do without the plugin loaded?

Listgroup, select

If you use the bootstrap listgroup component directly, is there still a way to keep track of what option is selected using the plugin?

dynamically created list view

Hi, I have a ajax call, that builds a list group (UL) dynamically. When applying the built html to a div like:

$('#someDiv').html(dynamicHtml);

then this plugin does nothing. If i take the dynamic html and recreate as standard html then it works fine.

Any ideas?

Unselect an element

Hi! I am working on a single-selection list-group, but I wanna know if there is a way to unselect an element, I tried to capture the click event on a '.list-group-item.active' but I can't to do it, can you give me a hint?

Ajax Content

Hello!

How do I link the plugin after the ajax return?

Add list-group-item dynamically

Is there any chance that I could add a list-group-item dynamically later and still has the click-to-active feature of listgroup.js ?
I have a bootstrap modal that loads data dynamically and put into list-group-item but it seems do not have this click-to-active feature after adding the listgroup.js

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.