javascript - li onclick 函数没有被调用

Question

我无法调用 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>

Answer 1

更改为我输入的内容。你有一些类型错误。

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>