JQuery сломан? Bootstrap не работает должным образом на сайте BOOTSTRAP посещение только с машиной разработки - PullRequest
Новая
       67

JQuery сломан? Bootstrap не работает должным образом на сайте BOOTSTRAP посещение только с машиной разработки

0 голосов
/ 13 ноября 2018

На сайте Bootstarp обнаружено, что раскрывающийся пример не работает.Я думал, что сайт BS был сломан - это не так.Именно на этой машине.Я обеспокоен тем, что получаю ложные отрицания, когда пытаюсь взломать JQuery вместе (я НЕ квалифицированный программист.)

Раскрывающийся сайт.Я предполагаю, что это работает для всех остальных.

Вот так это выглядит, прежде чем я нажму на что-нибудь.

Я устал на другой машине, и она работала просто отлично.

Я перепробовал все, что мог:
Я перезагрузился и НЕ запустил Xampp,
Я упустил шанс,
Я попробовал сайты в Edge.

Я подчеркиваю, это ТОЛЬКО на ЭТОМ компьютере с Windows 10.

Идеи очень ценятся.Я не в замешательстве и боюсь, что некоторые из моих «чертовски не сработавших» моментов в jQuery могут быть ложными негативами.

Предлагая свою первую награду в качестве большого количества jQuery, и я часто не понимаю результатов.

Ответы [ 2 ]

0 голосов
/ 16 ноября 2018

Как я уже сказал в комментарии, остальные примеры выпадающих на странице работают правильно.

Для этого есть специальное правило CSS: 

.bs-example>.dropdown>.dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 5px;
    clear: left;
}

Это делает его открытым. Если вы отключите display: block, вы получите раскрывающийся список, работающий в обычном режиме.

Я полагаю, что они сделали это, например, с целью, но мне сложно понять суть этого. Во всяком случае, не волнуйтесь, весь загрузчик не сломан.

Как говорится, я не знаю, почему это не так на ваших других компьютерах. Может, они используют более старую кешированную версию?

0 голосов
/ 16 ноября 2018

Здесь нет ошибки.то, что они сделали, совершенно хорошо.они реализовали события для # для этой части своего веб-сайта, и я думаю, они переопределили реализацию по умолчанию.Он отлично работает в моих работах.Скопируйте пример и убедитесь сами:

проверьте это.непосредственно скопировано с сайта начальной загрузки: 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>
...