JQuery - hinzufügen klicken Sie auf Ereignis, um LI oder SPAN-Elemente?

Ich versuche, fügen Sie ein click-Ereignis auf ein LI-element aber es ist nicht das brennen in der Seite. Meine Seite-markup sieht wie folgt aus:

<div id="Navigation">
<ul>
    <li class="navPrevNext inactive">|&lt; First Page</li>
    <li class="navPrevNext inactive">&lt; Prev Page</li>
    <li class="navIndex selected" title="0 ">1</li>
    <li class="navIndex notselected" title="1 ">2</li>
    <li class="navIndex notselected" title="2 ">3</li>
    <li class="navPrevNext active" title="1">Next Page &gt;</li>
    <li class="navPrevNext active" title="2">Last Page &gt;|</li>
</ul>
</div>

Und in meinem JS-code habe ich:

$("#Navigation li").live('click', function(e) { e.preventDefault; this.blur(); return updateNavigation($(this).attr('title')); });

Irgendwelche Gedanken?

TIA

  • eine Sache: e.preventDefault sollte e.preventDefault()
InformationsquelleAutor Keith Barrows | 2009-05-07
  1. 14

    Sie sicher, dass Sie jquery 1.3 enthalten in Ihrem code? Das folgende funktioniert gut (direkte copy und paste von deiner Frage) ist für mich, wenn ich auf eine der LIs:

    <html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function updateNavigation(title) {
    alert(title);
}

$("#Navigation li").live('click', function(e) { 
    e.preventDefault; 
    this.blur(); 
    return updateNavigation($(this).attr('title')); 
});

</script>
</head>
<body>
<div id="Navigation">
<ul>
    <li class="navPrevNext inactive">|&lt; First Page</li>
    <li class="navPrevNext inactive">&lt; Prev Page</li>
    <li class="navIndex selected" title="0 ">1</li>
    <li class="navIndex notselected" title="1 ">2</li>
    <li class="navIndex notselected" title="2 ">3</li>
    <li class="navPrevNext active" title="1">Next Page &gt;</li>
    <li class="navPrevNext active" title="2">Last Page &gt;|</li>
</ul>
</div>
</body>
</html>

    Sind Sie sicher, dass Ihre updateNavigation Funktion korrekt arbeitet? Vielleicht ist es ausgelöst wird, aber etwas ist falsch in es...

    • Meine dev-Umgebung wurde der Verschwörung gegen mich. Nach einem Neustart meine JS-Datei wurde aktualisiert und es funktioniert wie erwartet. Scheint die ältere Datei wurde statt im temp-cache. <grrr/> vielen Dank für die Bestätigung!
    InformationsquelleAutor Parrots
  2. 0

    Ich wollte das gleiche wie @Papageien und es funktioniert für mich. Sie könnten aber wollen, ändern Sie Ihre Auswahl, um:

    $("#Navigation li[title]" ).live('click', function(e) {
     e.preventDefault;
     this.blur();
     return updateNavigation($(this).attr('title'));
});

    So, dass der handler nur auf Elemente angewendet, die haben ein title-Attribut.

    • Vielen Dank - ich werde versuchen, dass aus! (Besser Fehler zu vermeiden als Sie zu behandeln später)
    • Funktioniert wie ein champ!
    InformationsquelleAutor tvanfosson
  3. 0

    Ich hatte ein ähnliches problem, wo ich mit einem popup-Liste, die der Benutzer ausgewählt hat. Im Grunde klickt der Benutzer auf ein Eingabefeld und eine ul offenbart.

    Dieser funktionierte großartig mit einer 500ms-animation, aber beim Umschalten auf 250ms die Scroll-down-animation zu schnell war und anscheinend das click-Ereignis nie ausgelöst, die auf einer li.

    InformationsquelleAutor Drew
  4. 0

    verwenden Sie keine span die besser delegieren

    InformationsquelleAutor Defrag
Schreibe einen Kommentar