Warum nicht hand, wenn die Maus den link(<a>)?

Hi,

Ich weiß, dass es möglich, legen Sie den cusor auf der hand, wenn die Maus ein Objekt wie dieses:

CSS :

cursor:             hand;
cursor:             pointer;

Sollte dies automatisch mit einem link-element, das wie folgt aussieht :

<a onclick="" class="btn1">
  <span>Sök</span>
</a>

Aber In meinem Fall nicht?

Mit firebug kann ich sehen, dass die folgende CSS-uses

<a> element
a.btn1 {
    background: url("Images/Menus/bg_button_a.gif") no-repeat scroll right top transparent;
    color: #444444;
    display: block;
    float: left;
    font: 12px arial,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial,Verdana,serif;
    font-size: 0.81em;
}

Und

SPAN element
    a.btn1 span {
        background: url("Images/Menus/bg_button_span.gif") no-repeat scroll 0 0 transparent;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    }
    Controls.css (rad 80)
    * {
        margin: 0;
    }

    a.btn1 {
        color: #444444;
        font: 12px arial,sans-serif;
        text-decoration: none;
    }

    body {
        font-family: Arial,Verdana,serif;
        font-size: 0.81em;
    }

Wie kann ich die Spur dieses problem?

BestRegards

Warum haben Sie den span in da in Erster Linie? Wenn es nicht die Angabe einer style-Klasse oder identifiziert durch eine id für javascript, es scheint ziemlich unnötig, und es kann sein, wodurch das element zu unterschiedlich interpretiert werden durch den browser.
Sie haben Recht, in meinem Fall, dass ich nicht wollen, um einen link zu einer Seite, stattdessen werde ich ausführen, javascript beim klicken. Den Rost etwas mit einem element ist, dass ich leicht verwenden können, aktiv, hover-css. Aber du meinst, dass ich sollte ein span statt und dann fügen Sie die onmouseover -, onmouseout -, mousedown -, mouseup-Attribute ?

InformationsquelleAutor Banshee | 2011-02-18

11

Die hand wird nur angezeigt, wenn der ANKER hat eine href - Attribut festgelegt.

Live-demo: http://jsfiddle.net/KAEbR/
- zu ergänzen, sollten Sie ein href-wie #btn1 (idealerweise den Namen der Aktion, die ausgeführt wird), um Ihnen eine Geschichte, die Kontrolle über die Ereignisse.
- Mein Ansatz wäre, einfach eingestellt href="#" und dann deaktivieren Sie die Anker über preventDefault().
- Vidas, ich das auch tun, aber ich Liebe wirklich die Idee, die browser-zurück-Taste wird leicht umgewandelt in undo mit der kreativen Nutzung der hashchange Veranstaltung.
InformationsquelleAutor Šime Vidas
6

Ist es wahrscheinlich, weil Ihr nicht mit einem "href" - Wert, den Sie ändern könnte, um
```
<a href="#" onclick="" class="btn1"/>
```
Können Sie auch fügen Sie den folgenden css zu zwingen, die hand immer erscheinen für links:
```
a{ cursor: pointer;}
```
InformationsquelleAutor spaetzel
3

Ohne die href Attribut der a tag nicht erklären hyperlink. Wenn es besitzt eine name oder id Attribut, es kann erklären die Ziel einen hyperlink statt. (http://www.w3.org/TR/html4/struct/links.html#anchors-with-id)

Wenn das element, das Sie möchten, zu erklären, hat keine semantische ähnlichkeit ein hyperlink, und Sie verlassen sich auf CSS zu machen es zu erscheinen wie einer, warum die Mühe? Sie könnte genauso gut verwenden Sie keine alten span.

Was sollten Sie nicht schreiben a { cursor:pointer; } in der CSS, was a Elemente anzeigen, um eine hand auf schweben, selbst jene, die nicht Links. Stattdessen sollten Sie einen href Attribut wie vorgeschlagen wurde. Als Wert geben könnte # wenn es keine nicht-JavaScript-Funktionalität zurückgreifen. Andernfalls geben Sie die URI der Ressource, die Sie verlinken möchten.

Siehe auch Wikipedia: http://en.wikipedia.org/wiki/HTML_element#Anchor
- Sie haben Recht, in meinem Fall, dass ich nicht wollen, um einen link zu einer Seite, stattdessen werde ich ausführen, javascript beim klicken. Den Rost etwas mit einem element ist, dass ich leicht verwenden können, aktiv, hover-css. Aber du meinst, dass ich sollte ein span statt und dann fügen Sie die onmouseover -, onmouseout -, mousedown -, mouseup-Attribute ?
- Nein, Sie sollten wahrscheinlich hinzufügen eine href Attribut. Ist es eine tatsächliche URL, auf die Sie verweisen möchten?
- Nein, das wird nicht eine wirkliche Verbindung, Es wird ein Formular Absenden mit javascript. ist eine regelmäßige a-element mit href= " # noch richtigen Weg zu gehen? Oder sollte ich gehen mit einer Spannweite und verwenden Sie dann onmouseover -, onmouseout -, mousedown -, mouseup-Attribute?
- Gut, wenn Sie wollen, um ein Formular Absenden, sollten Sie wahrscheinlich verwenden einen submit-button und style es nach Ihren Bedürfnissen. Ist dies für eine Webseite oder irgendeine Art von JavaScript-Anwendung (z.B. für Mac OS X Dashboard oder eine mobile plattform)?
- Wenn es ist Teil eines "normalen" website, sollten Sie wahrscheinlich verwenden einen submit-button, so dass Benutzer ohne JavaScript können Sie eine Suche durchführen, wie gut. Wenn nicht und Sie nicht möchten, verwenden Sie ein button-element aus irgendeinem Grund, würde ich mit einem a element mit href="#".
- Hier ist ein Beispiel von styling einen submit-button im link-Art: jsfiddle.net/D5QvG
- Seine eine Menge Gerede über die unterstützt kein javascript? Nicht alle "modernen" Websites, die javascript verwenden? Ja ich weiß, dass die cawlers nicht damit umgehen, aber es gibt Möglichkeiten, dies zu lösen.
- Es ist wahr, dass heute JavaScript erwartet werden kann in den meisten clients. Bei der Gestaltung von web-Seiten, aber es ist gute Praxis, Seiten zugänglich und universell einsetzbar, wie sinnvoll vertretbar ist. Wenn Sie machen Verwendung von standard-Elementen für die jeweiligen Funktionen, die Nutzer mit ungewöhnlichen setups haben eine bessere chance bei der Verwendung Ihrer website. Sie könnten zum Beispiel blinde oder anderweitig Behinderte Mitglieder mit einem screen reader. Wenn Sie nicht unnötig route rund um standard-Elemente, die Sie verlieren den Vorteil, dass ausreichende Benutzeroberfläche in verschiedene user-agents "for free".
InformationsquelleAutor knuton
1

Dass nicht einen link. Links haben href Attribute. Das ist nur ein Anker, läuft JavaScript bei Mausklick fest.

InformationsquelleAutor Jim

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.