li onclick函数未调用
[英]li onclick function not getting called
问题描述
我在li元素内调用onclick函数时遇到麻烦。当我将URL放入href时，它可以正常工作。 但我想通过onclick调用javascript函数。感谢您的帮助。
function display_s(){ alert("success"); }
<div style="" class="icon_bar"> <ul style="padding:0 ; margin : 0;display:flex; justify-content: center;"> <li onclick="display_specs()"> <a href="#" > <div style="display:flex;align-items:center;flex-direction:column"> <div style="height:35px;width:35px;padding:5px"> <img src="/static/phone.bmp" style="max-width:100%;height:auto"></div> <div style="padding:5px" > Mobile</div> </div> </a> </li> </ul> </div>
4 个解决方案
解决方案1
2 已采纳 2019-06-21 05:45:05
更改为我输入的内容。 您遇到一些类型错误。
function display_specs(){ alert("success"); }
<div style="" class="icon_bar"> <ul style="padding:0 ; margin : 0;display:flex; justify-content: center;"> <li onclick="display_specs()"> <a href="#" > <div style="display:flex;align-items:center;flex-direction:column"> <div style="height:35px;width:35px;padding:5px"> <img src="/static/phone.bmp" style="max-width:100%;height:auto"></div> <div style="padding:5px" > Mobile</div> </div> </a> </li> </ul> </div>
解决方案2
1 2019-06-21 05:54:05
您的onclickfucntion名称和script标签名称必须相同。 另外，如果您想了解有关onClick更多信息，则可以检查此链接
function display_specs(){ alert("success"); }
<div style="" class="icon_bar"> <ul style="padding:0 ; margin : 0;display:flex; justify-content: center;"> <li onclick="display_specs()"> <a href="#" > <div style="display:flex;align-items:center;flex-direction:column"> <div style="height:35px;width:35px;padding:5px"> <img src="/static/phone.bmp" style="max-width:100%;height:auto"></div> <div style="padding:5px" > Mobile</div> </div> </a> </li> </ul> </div>
解决方案3
1 2019-06-21 05:57:54
Call the function in li and it will work.
<script>
function display_s()
{
alert('check');return false;
}
</script>
</head>
<body>
<div style="" class="icon_bar">
<ul style="padding:0 ; margin : 0;display:flex; justify-content: center;">
<li onclick="display_s()" style="cursor:pointer"></li>
</ul>
</div>
</body>
解决方案4
1 2019-06-21 06:13:30
您正在调用错误的未定义函数。 当您单击
li，应该调用函数display_s()。
function display_s(){ alert("success"); }
<div style="" class="icon_bar"> <ul style="padding:0 ; margin : 0;display:flex; justify-content: center;"> <li onclick="display_s()"> <a href="#" > <div style="display:flex;align-items:center;flex-direction:column"> <div style="height:35px;width:35px;padding:5px"> <img src="/static/phone.bmp" style="max-width:100%;height:auto"></div> <div style="padding:5px" > Mobile</div> </div> </a> </li> </ul> </div>
hx：commandExButton的onclick不会调用Javascript函数
[英]Javascript function is not getting called onclick of hx:commandExButton
按钮的onclick事件未调用Javascript函数
[英]Javascript function not getting called at the onclick event of a button
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.