Antworten auf deine Fragen:
Neues Thema erstellen

Dropdown Buttons zeigen keine Funktion

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

Hat es drauf

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.
 
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

Hat es drauf

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben