Jak uzyskać informacje o atrybutach z menu JQuery UI wybierz zdarzenie

Próbuję uzyskać atrybut niestandardowy z zdarzenia menu interfejsu JQuery UI. Nie wiem, kiedy próbuję wykonać poniższy skrypt.Jak uzyskać informacje o atrybutach z menu JQuery UI wybierz zdarzenie

$("#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>

Dziękuję.

Aktualizacja: dodano pełny kod w przypadku, gdy łączę źle, jestem nowy w jQuery. Próbowałem owijania $ (document) .ready jako zalecane, ale wciąż się niezdefiniowany

<!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>

Źródło

2013-01-16 user1983108

spróbować zawinąć wewnątrz document.ready

$(document).ready(function(){ 

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

Źródło

2013-01-16 10:37:14

Próbowałem swoje sugestie, ale wciąż się niezdefiniowany . – user1983108

tak samo tutaj jest niezdefiniowany. – May

@mbaylis napisał poprawną odpowiedź, nie rozumiem dlaczego Kanishka ma 2 głosy ... –

Wynika to z tego dokumentu nie jest załadowany. Napisz skrypt wewnątrz document.ready funkcji

$(document).ready(function(){ 

    //jquery code 
});

Źródło

2013-01-16 10:50:20 Nandu

Element zwrócony w "ui.item" obiekt jQuery jest element li (w przykładzie). Co trzeba zrobić, to jest to element podrzędny (the tag), aby uzyskać dostęp do atrybutu i wyodrębnić wartość tagu:

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

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

Źródło

2013-06-27 16:24:27 mbaylis

$("#menu").menu({select: function(event, ui) { 
    tag = ui.item.context.children[0].attributes.tag.value; 
    alert (tag) 
}});

Źródło

2014-01-08 06:03:19 user3171937

Jak uzyskać informacje o atrybutach z menu JQuery UI wybierz zdarzenie

Odpowiedz

Powiązane problemy