如何从JQuery UI菜单选择事件获取属性信息_Jquery

如何从JQuery UI菜单选择事件获取属性信息

jquery

如何从JQuery UI菜单选择事件获取属性信息,jquery,Jquery,我试图从jQueryUI菜单选择事件中获取自定义属性。当我尝试执行下面的脚本时，我没有定义 $( "#menu" ).menu({ select: function( event, ui ) { alert(ui.item.attr("tag")); } }); Html 多谢各位更新：添加了完整的代码，以防我链接错误，我是jQuery新手。我尝试使用$document.ready进行包装，但仍然没有定义 <!doctype html> <html>

我试图从jQueryUI菜单选择事件中获取自定义属性。当我尝试执行下面的脚本时，我没有定义

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

Html

多谢各位

更新：添加了完整的代码，以防我链接错误，我是jQuery新手。我尝试使用$document.ready进行包装，但仍然没有定义

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

尝试在文档内换行。准备好了吗

这是因为文档未加载。在document.ready函数中编写脚本

ui.item jquery对象中返回的元素是示例中的li元素。您需要做的是获取其子元素a标记以访问属性并提取标记的值：

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

是的，这里也一样，没有定义。

$(document).ready(function(){

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

$(document).ready(function(){

     //jquery code   
});

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

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