时间戳

首页 > 解决方案 > li onclick 函数没有被调用

javascript - li onclick 函数没有被调用

问题描述

我无法在 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>

标签： javascripthtml

解决方案

您的 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>

推荐阅读