Geek Answers Handbook

Broken twitter download links bootstrap

I am using bootstrap version 2.0

I have the following html structure -

Now when I click on Filter by Team , the dropdown list is displayed correctly. Now, when I click on the link, I should be sent to the page. But the links do not work. I mean, when I click on the drop-down elements, they should take me to the URL to which they are attached, this does not happen.

 <li style="margin-left: 12px;"> <div class="dropdown" style="margin-top: 5px;"> <a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#"> Filter by Team </a> <ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu"> <li> <a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a> </li> <li class="divider"></li> <li> <a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a> </li> <li class="divider"></li> <li> <a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a> </li> <li class="divider"></li> </ul> </div> </li>

The script can be found here - http://jsfiddle.net/ktgrw/

+7
javascript twitter-bootstrap
source share
3 answers

The problem is that you have the data-toggle attribute for <ul> , this attribute is only for the link you want to open / close the drop-down list, delete it and the links should work.

Here's an updated fiddle with the correct bootstrap version and attribute removal.

In addition, the disabled class is used on the switch link, to prevent the drop-down list from opening, you must remove it from your links, since it does not serve any real purpose.

+14
source share

Links work fine. When we use relative links, such as href="/task/list/orgteam/5/" , we must be sure that we launch this page on the website where these links exist.

To add clarity, I added the google link as the last element of the list to this new fiddle (click here to view) and therefore it uses the absolute url href="http://www.google.com" , it works fine.

0
source share

I faced the same problem with the bootstrap framework and at the end I got a solution (worked for me). Import all the necessary javascripts, mainly jquery.js .

0
source share

More articles:


All Articles