jQuery broken? Bootstrap not working properly ON BOOTSTRAP SITE visiting with development machine only
On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)
The dropdown site. I presume it works for everyone else.
This is how it looks BEFORE I click on anything.
I tired this on another machine and it worked just fine.
I have tried everything I can think of:
I have rebooted and NOT started Xampp,
I have cleared the chance,
I have tried the sites in Edge.
I emphasise it is ONLY on THIS Windows 10 machine.
Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.
Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.
javascript jquery windows twitter-bootstrap-3 inference
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
add a comment |
On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)
The dropdown site. I presume it works for everyone else.
This is how it looks BEFORE I click on anything.
I tired this on another machine and it worked just fine.
I have tried everything I can think of:
I have rebooted and NOT started Xampp,
I have cleared the chance,
I have tried the sites in Edge.
I emphasise it is ONLY on THIS Windows 10 machine.
Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.
Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.
javascript jquery windows twitter-bootstrap-3 inference
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41
add a comment |
On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)
The dropdown site. I presume it works for everyone else.
This is how it looks BEFORE I click on anything.
I tired this on another machine and it worked just fine.
I have tried everything I can think of:
I have rebooted and NOT started Xampp,
I have cleared the chance,
I have tried the sites in Edge.
I emphasise it is ONLY on THIS Windows 10 machine.
Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.
Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.
javascript jquery windows twitter-bootstrap-3 inference
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)
The dropdown site. I presume it works for everyone else.
This is how it looks BEFORE I click on anything.
I tired this on another machine and it worked just fine.
I have tried everything I can think of:
I have rebooted and NOT started Xampp,
I have cleared the chance,
I have tried the sites in Edge.
I emphasise it is ONLY on THIS Windows 10 machine.
Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.
Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.
javascript jquery windows twitter-bootstrap-3 inference
javascript jquery windows twitter-bootstrap-3 inference
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
edited Nov 16 '18 at 12:34
BeNice
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
asked Nov 13 '18 at 19:03
BeNiceBeNice
73211026
73211026
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41
add a comment |
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41
add a comment |
2 Answers
2
active
oldest
votes
As I said in comment, the other dropdown examples on the page are working correctly.
There is a specific CSS rule on this one :
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}
That make it stay open.
If you disable the display: block you get the dropdown working as normal.
I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.
That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
add a comment |
There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:
check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287875%2fjquery-broken-bootstrap-not-working-properly-on-bootstrap-site-visiting-with-de%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
As I said in comment, the other dropdown examples on the page are working correctly.
There is a specific CSS rule on this one :
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}
That make it stay open.
If you disable the display: block you get the dropdown working as normal.
I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.
That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
add a comment |
As I said in comment, the other dropdown examples on the page are working correctly.
There is a specific CSS rule on this one :
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}
That make it stay open.
If you disable the display: block you get the dropdown working as normal.
I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.
That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
add a comment |
As I said in comment, the other dropdown examples on the page are working correctly.
There is a specific CSS rule on this one :
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}
That make it stay open.
If you disable the display: block you get the dropdown working as normal.
I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.
That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
As I said in comment, the other dropdown examples on the page are working correctly.
There is a specific CSS rule on this one :
.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}
That make it stay open.
If you disable the display: block you get the dropdown working as normal.
I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.
That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
answered Nov 16 '18 at 12:56
Kevin FONTAINEKevin FONTAINE
39628
39628
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
add a comment |
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
1
1
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.
– BeNice
Nov 20 '18 at 18:25
1
1
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.
– BeNice
Nov 20 '18 at 18:35
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.
– Kevin FONTAINE
Nov 22 '18 at 8:26
add a comment |
There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:
check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
add a comment |
There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:
check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
add a comment |
There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:
check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:
check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
answered Nov 16 '18 at 12:50
Tazbir BhuiyanTazbir Bhuiyan
1,3421424
1,3421424
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
add a comment |
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.
– BeNice
Nov 16 '18 at 13:38
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.
– Tazbir Bhuiyan
Nov 16 '18 at 13:40
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.
– BeNice
Nov 16 '18 at 13:42
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.
– BeNice
Nov 20 '18 at 18:32
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
No prb man. I am glad i was able to help. Happy coding
– Tazbir Bhuiyan
Nov 21 '18 at 2:25
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287875%2fjquery-broken-bootstrap-not-working-properly-on-bootstrap-site-visiting-with-de%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.
– Kevin FONTAINE
Nov 16 '18 at 12:47
Note that this happen only on this specific example. Other examples on the page works as intended.
– Kevin FONTAINE
Nov 16 '18 at 12:49
@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.
– BeNice
Nov 16 '18 at 13:41