Button-link funktioniert nicht in Firefox, IE

Habe ich die links darin funktionieren, in Chrome, aber nicht mit IE oder Firefox. Nichts passiert, wenn Sie auf Sie klicken. Ich habe ein Durcheinander mit CSS (z-index enthalten sind), aber bin aus Ideen heraus. Dies ist XHTML coming-out von Drupal.

Den html sieht wie folgt aus:

<div class="product-display-block-link">
  <button>
    <a href="/checkout/outfield-banner/1">Add to cart</a>
  </button>
</div>

Irgendwelche Vorschläge für, wo ich schauen kann?

Ich würde vermuten, dass der Pfad im href. Ist die Kasse im gleichen Ordner?

InformationsquelleAutor | 2012-01-07

  1. 15

    Den HMTL-syntax nicht zulassen, dass eine a element innerhalb eines button element, so ist es nicht verwunderlich, dass es funktioniert nicht in allen Browsern. Es sollte keinen Grund für solch ein Konstrukt, da kann man entweder Stil einen link zu suchen, wie eine Schaltfläche oder verknüpfen Sie eine Aktion mit einem button, je nachdem, was Sie erreichen wollen.

    "oder verknüpfen Sie eine Aktion mit einem button" - kannst du bitte ein Beispiel geben?
    Beispiel: <button onclick="window.location='/checkout/outfield-banner/1'">Add to cart</button>.

    InformationsquelleAutor Jukka K. Korpela

  2. 3

    Wenn Sie möchten, dass eine Taste (z.B. eine Sache, um ein Formular Absenden mit oder baumeln von JavaScript aus), verwenden Sie eine Schaltfläche. Wenn Sie möchten, eine Verknüpfung, einen link verwenden. Wenn Sie möchten, eine Verknüpfung, die sieht aus wie eine Schaltfläche, einen link verwenden, dann style es so Aussehen, wie Sie wollen.

    Können Sie nicht mischen die beiden, weil <button> Elemente dürfen nicht enthalten <a> Elemente. Die definition des Elements explizit ausgeschlossen:

    <!--
 Content is %Flow; excluding a, form and form controls
--> 
<!ELEMENT button %button.content;>  <!-- push button -->

<!ENTITY % button.content
   "(#PCDATA | p | %heading; | div | %lists; | %blocktext; |
    table | %special; | %fontstyle; | %phrase; | %misc;)*">
    Dies gilt auch HTML5, nicht nur XHTML1.0.
    Es ist wahr, in jeder version von (X)HTML. Ich habe gerade verwiesen wird, XHTML 1.0, da die Frage erwähnt XHTML.

    InformationsquelleAutor Quentin

  3. 2

    <button> nicht genutzt.

    HTML:

     <div class="product-display-block-link">
    <button onClick="javascript: window.location='/checkout/outfield-banner/1'">Add to Cart</button>
</div>

    Ihn in Aktion zu sehen hier: http://jsfiddle.net/s8jtf/

    Nicht sicher, warum Sie wurden runter gestimmt, das ist genau das, was ich suchte.

    InformationsquelleAutor blake305

  4. 0

    Ich hatte eine ähnliche situation und habe meine Frage hier => Warum macht Dreamweaver cc16, Bootstrap v3.3.6, erstellt, Hyperlink-Schaltfläche funktioniert in Opera & Chrome aber nicht IE oder Firefox?

    Hier ist mein original-code für einen Button =>

    The Button html code is: =>

    <div align="center" style="font-size: 1.5em">
    <button type="button" class="btn btn-lg">
    <a href="https://howtoliveoffthegridnow.com/wordpress/get-your-own-off-the-grid-checklist/" title="Access option to download checklist"><strong>FREE: 11 Things To Know Before Going Off The Grid</strong></a>
    </button>
    </div>

    und die entsprechenden bootstrap.css v3.3.6 ist konventionell verknüpft mit: =>

    <link type="text/css" href="assets/css/bootstrap.css" />

    Arbeitete in Chrome und Opera, aber nicht mit IE oder Firefox, obwohl offensichtlich ist, sollte es nicht geklappt haben in jedem browser.

    Hier ist was ich geändert habe, dass die Taste code-element in =>

    `<div class="btn btn-lg" style="background-color:#ffffff;">
 <a href="https://howtoliveoffthegridnow.com/wordpress/get-your-own-off-the-grid-checklist/" title="Access option to download checklist"><strong>FREE: 11 Things To Know Before Going Off The Grid</strong></a>

    Funktioniert in allen browser. /psb

    InformationsquelleAutor Peter Beddows

  5. -1

    Auch type-Attribut fehlt. Verschiedene Browser übernehmen unterschiedliche Art, zum Beispiel, nicht unbedingt type="submit".

    Der Submit-Zustand ist die Standard-Zustand einer <button>.
    Wenn der browser nicht davon ausgehen, submit, dann ist es gebrochen. Dies ist wahrscheinlich nicht relavent sowieso, da es scheint nicht zu einer form beteiligt.
    Leider, Unterschiede in Browsern sind zu berücksichtigen. Wie zum senden nicht relevant, ich dachte das könnte eine der Lösungen, wie es funktioniert ohne javascript (was relevant sein könnten oder nicht, natürlich).

    InformationsquelleAutor Roman Susi

Schreibe einen Kommentar