gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 22:26:50 24 4
gpt4 key购买 nike

我正在尝试从 JQuery UI 菜单选择事件中获取自定义属性。当我尝试执行下面的脚本时,我得到了未定义的信息。

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

谢谢。

更新:添加了完整的代码,以防链接错误,我是 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>

最佳答案

“ui.item”jquery 对象中返回的元素是 li 元素(在您的示例中)。您需要做的是获取它的子元素(a 标签)来访问属性并提取标签的值:

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

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

关于jquery - 如何从 JQuery UI 菜单选择事件获取属性信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14356312/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com