gpt4 book ai didi

javascript - 如何在选择菜单项时调用 Javascript 函数?

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

如何调用 Javascript 函数 test()如下 onselect对于我的下面的代码,菜单项的事件(选择菜单项时)?

我一直致力于OnClick按钮中的事件,但我不知道 OnSelect菜单项的事件,如何在选择菜单项时调用函数。

任何人都可以建议我下面的代码如何工作并调用我的函数 test() (代码 1) 选择名为 日志报告 的菜单项(如 代码 2 所示)?

<ul>
<li>Log Report</li>
</ul>

代码1

<script>
function test() {
window.open("www.google.com");
}
</script>

代码2

<html lang="en">
<head>
<meta charset="utf-8">
<title>Test screen</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<script>
$(function() {
$( "#menu" ).menu();
});
</script>
<style>
.ui-menu { width: 230px; }
</style>
</head>
<body>
<ul id="menu">
<li>Database</li>
<li>Log
<ul>
<li>Log Report</li>
</ul>
</li>
</html>

最佳答案

如果不想为每个 li 创建函数,建议使用 data 属性

<ul id="menu">
<li>Database</li>
<li>Log
<ul>
<li data-page="www.google.com">Log Report</li>
</ul>
</li>
</ul>

然后将其传递到函数中

$('#menu li').click(function(){
test($(this).data('page'));// which will give "www.google.com" if clicked on the Log Report
}

function test(url){
window.open = url;
}

关于javascript - 如何在选择菜单项时调用 Javascript 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24674066/

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