Dropdown Buttons zeigen keine Funktion

tobm_knows_best · 12.12.2018

Hallo zusammen, ich versuche mich seit langem mal wieder an Dreamweaver (ist mittlerweile schon 8 Jahre her - ich bitte also um Nachsicht)

Ich würde gerne diesen Dropdown-Button mit entsprechender Funktion belegen. Habe aber das Gefühl dass ich im Headerbereich schon einiges nicht korrekt angepasst oder verlinkt habe. Vielleicht kann mir einer sagen wie ich das unter Bootstrap 3.1.1 realisieren kann das sich das Teil auch so öffnet wie gewollt

Das wäre mein Head-Part...

HTML:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Produktansicht</title>
    <!-- Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script scr="js/bootstrap.min.js"></script>
    <!-- Bootstrap -->
    <link href="preview.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
</head>

Der Button wie folgt:

HTML:

<div class="btn-group">
  <button type="button" class="btn btn-danger">Auswählen</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">1er</a></li>
    <li><a href="#">12er</a></li>
       <li role="separator" class="divider"></li>
    <li><a href="#">20er</a></li>
  </ul>
</div>

Kann mir jemand sagen was ich um Himmels Willen falsch mache... !?
Ich wäre über jede Information unendlich Dankbar

Myhar · 12.12.2018

Dein Code funktioniert doch, zumindest wenn man ihn auf der bootstrap (3) Seite einfügt.
Du hast dein dropdown allerdings so gebaut dass nur der "Pfeil" das dropdown öffnet und schließt, wenn du auf "Auswählen" klickst hast du nichts definiert, das ist ein vom dropdown unabhängiger button.

tobm_knows_best · 12.12.2018

Myhar schrieb:
Dein Code funktioniert doch, zumindest wenn man ihn auf der bootstrap (3) Seite einfügt.
Du hast dein dropdown allerdings so gebaut dass nur der "Pfeil" das dropdown öffnet und schließt, wenn du auf "Auswählen" klickst hast du nichts definiert, das ist ein vom dropdown unabhängiger button.

Naja - ich glaube wenn er dort funktioniert muss er nicht zwingend in meinem Dokument funktionieren. Auf der Site von denen ist ja schon alles so konzipiert, dass man sich nur noch über den eigenen Code Gedanken machen muss, solle der nicht gehen... (wo kann ich das bei denen direkt denn testen?)

Zum Button selbst - er sollte so aussehen:

Hab ich im Header irgendwas was vielleicht nicht reingehört?
Merci schon mal für dein Feedback!

Myhar · 12.12.2018

Es muss nicht zwingend dort funktionieren, aber es ist einmal ein erster Anhaltspunkt. Schließlich können wir nicht wissen ob du in deinem js/css Dinge hast, wo du die Sachen von bootstrap überschreibst. Dafür bräuchten wir einen Link zu deiner Seite bzw. du stellst uns irgendwo ein Minimalbeispiel zur Verfügung wo wir den Fehler nachvollziehen können.

Du sagst es schon richtig: Es ist alles so konzipiert, dass du dir nur über dienen eigenen Code Gedanken machen musst.
So können wir dir nur sagen: Es sollte funktionieren, wenn es nicht geht, dann liegt der Fehler "irgendwo" bei dir. Wo genau können wir nicht sagen da wir deinen Code nicht kennen.

Testen kannst du es, indem du auf eine beliebige Seite der bootstrap 3 doku gehst und einfach mittels dev-tools dein HTML in die Seite von bootstrap reinkopierst.