Ändern des onclick-Ereignisses mit jQuery

Question

Ich habe ein JavaScript-Snippet, das ein Widget auf meiner Seite anzeigt. Es gibt einige Links, die vom Skript wie folgt ausgegeben werden:

<a href="#" onclick="somefunction()">Link</a> 

Diese Links verursachen, dass einige JS ausgelöst werden. Das ist großartig. Das Problem ist das href="#" und das Fehlen eines "return false;" am Ende des onclick Attributs.

Wenn ich auf einen dieser Links klicke, springt der Browser an den Anfang des Dokuments. Wenn das Widget nahe am unteren Rand des Dokuments positioniert ist, ist das nicht gut.

Leider habe ich keine Kontrolle über die Ausgabe des Skripts.

Mit jQuery kann ich diese Links unter Verwendung $("#wxheader ul li a") verweisen. Ich habe versucht, den folgenden Code, aber es funktioniert nicht:

$(document).ready(function(){ 
    $("#wxheader ul li a").each(function(){ 
     var onclick = $(this).attr("onclick") + "; return false;"; 
     $(this).attr("onclick", onclick); 
    }); 
}); 

ich eine jQuery-Funktion schreiben wollen, dass jedes Onclick-Attribut ändern "return false;" anhängen, und es hat zu laufen, nachdem das Skript Ausgabe um den Inhalt der Seite hat .

Irgendwelche Ideen?

Answer 1

Versuchen Sie, diese Browser stoppen. Der Trick besteht darin, im Handler preventDefault aufzurufen, wodurch verhindert wird, dass sich die Standardelementaktion ausbreitet. Ich hoffe das hilft.

$("#wxheader ul li a").click(function(e){ 
    e.preventDefault(); 
    return false; 
}); 

Answer 2

Sie sollten in der Lage sein, es in jquery außer Kraft zu setzen, versuchen Sie dies:

$("#wxheader ul li a").each(function(){ 
    $(this).click(function(e) { 
     e.preventDefault(); 
    }); 
}); 

Dies stoppt den normalen Prozess des Click-Ereignis.

behoben, wird dies effektiv die Standard Interpretation des Click-Ereignis

Answer 3

Haben Sie versucht, href="javascript:" zu verwenden?

Answer 4

Sie könnten auch verwenden:

<a href="javascript:void(0)" onclick="somefunction()">Link</a> 

Answer 5

ich es tun würde, wie dieser

$('#wxheader ul li a').each(function(i, element) 
{ 
    // Capture the existing callback function 
    var originalCallback = element.onclick; 

    // Now, remove it from the elemnet 
    element.onclick = null; 

    // And replace it with our own, which calls the orignal 
    // with the proper context, and prevents the default 
    // event action 
    $(element).click(function(event) 
    { 
    event.preventDefault(); 
    originalCallback.call(window); 
    }); 
}); 

Answer 6

Blick in das prevent Objekt in jQuery. die Rückkehr Hinzufügen falsch in dem jQuery Click-Handler

http://api.jquery.com/event.preventDefault/

dass es erlaubt zunächst nicht oder auch zu laufen. preventDefault funktioniert in Firefox möglicherweise nicht. Ich bin mir nicht ganz sicher.

Dies ist eine Testseite, die ich mit einigen Ajax-Funktionen auf einem Link für jemanden erstellt habe, der versucht, den normalen Klick zu überschreiben. Das ist die Funktionalität, über die ich spreche, wenn es das ist, wonach Sie suchen.

http://testing.kobbyappiah.com/Design_and_Evolve/ajaxTest.html