Wie man Attribut-Information von einem JQuery-UI-Menü, wählen Sie Ereignis

Ich versuche, benutzerdefinierte attribute aus einem JQuery-UI-Menü wählen Sie "Ereignis". Ich bekomme undefiniert, wenn ich versuchen, das Skript unten.

$( "#menu" ).menu({  
select: function( event, ui ) { alert(ui.item.attr("tag")); }
});

Html

<ul id="menu" style="position:absolute;">
<li><a href="#" tag="something">Aberdeen</a></li>
<li><a href="#" tag="some">Ada</a></li>
<li><a href="#" tag="something1">Adamsville</a></li>
<li><a href="#" tag="something2">Addyston</a></li></ul>

Danke.

Update: Hinzugefügt vollständige code, falls ich verlinkt bin falsch, ich bin neu bei jQuery. Ich habe versucht, das wickeln mit $(document).bereit, wie empfohlen, aber noch immer undefined

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
  $(document).ready(function(){

        $( "#menu" ).menu({  
            select: function( event, ui ) { alert(ui.item.attr("tag")); }
        });      
  });   

</script>
</head>
<body>    
<ul id="menu" style="position:absolute;">
<li><a href="#" tag="something">Aberdeen</a></li>
<li><a href="#" tag="some">Ada</a></li>
<li><a href="#" tag="something1">Adamsville</a></li>
<li><a href="#" tag="something2">Addyston</a></li></ul>
</body>
</html>
InformationsquelleAutor user1983108 | 2013-01-16
  1. 8

    Das element wieder in die "ui.Eintrag" jquery-Objekt ist das li-element (in deinem Beispiel). Was Sie tun müssen, ist, Holen Sie das Kind-element (ein tag), um auf das Attribut, und extrahieren Sie den Wert des Tags:

    var menu = $('#menu');
$(document).ready(function(){
    menu.menu({
        select: function(event, ui) {
            alert(ui.item.children().attr('tag'));
        }
    });
});

    http://jsfiddle.net/4bY7d/88/

    InformationsquelleAutor mbaylis
  2. 1

    versuchen, innen wickeln document.ready

    $(document).ready(function(){

      $( "#menu" ).menu({  
          select: function( event, ui ) { alert(ui.item.attr("tag")); }
      });      
});
    • Ich habe versucht, Ihren Vorschlag, aber noch immer nicht definiert.
    • ja hier gilt das gleiche, es ist undefiniert.
    • schrieb die richtige Antwort, verstehe nicht, warum Kanishka bekam 2 Stimmen...
    InformationsquelleAutor Kanishka Panamaldeniya
  3. 0

    Dies ist, weil das Dokument wird nicht geladen.
    Schreiben Sie das Skript innerhalb der document.ready Funktion

    $(document).ready(function(){

     //jquery code   
});
    InformationsquelleAutor Nandu
  4. 0
    $( "#menu" ).menu({select: function( event, ui ) {
    tag = ui.item.context.children[0].attributes.tag.value;
    alert (tag)
}});
    InformationsquelleAutor user3171937
Schreibe einen Kommentar