jquery Hyperlink Eigenschaften

Question

Warum verschiebt sich im folgenden Code beim Anklicken von Details der Seitenzoom an den oberen Rand der Seite und wie kann dies verhindert werden?

 <a href='#' onclick='javascript:toggle(%s);'>Details</a>&nbsp;&nbsp;%s %s <b>Total Sal: </b>%s<br><div id='%s' style='display:none;'>%s</div><br>"%(divname,first_name,lastname,usage,divname,html_table)

Hinweis: Der obige Code wird auf der Serverseite generiert

Answer 1

Ändern Sie Ihre href zu

href="javascript:void(0);"

Answer 2

Sie können eine return false am Ende des onclick-Ereignisses, wodurch die Standardaktion verhindert wird.

 <a href='#' onclick='javascript:toggle(%s); return false;'>Details</a>

Da Sie jQuery verwenden, ist dies nicht die Art, wie Sie Funktionen in jQuery aufrufen. Verwenden Sie unauffällige Art der Kodierung . Etwas wie

$("#anch").click(function(){
    // your code for click event
    // $("#togg") will get the div element wrapped as a jQuery object
    return false;
});

<a href='#' id="anch">Details</a>
<div id="togg"></div>

Hinweis

Ihre ID scheint ungültig zu sein.

ID- und NAME-Tokens müssen mit einem Buchstaben ([A-Za-z]) beginnen und können von einer beliebigen Anzahl von Buchstaben, Ziffern ([0-9]), Bindestriche ("-"), Unterstriche [ ] (".").

Mehr lesen