如何调用 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/