Question

我在调用li元素内的onclick函数时遇到麻烦。当我将URL放入href时，它可以正常工作。但是我想通过onclick调用javascript函数。感谢您的帮助。

INFOSYS 750.7 0 750.7
RELIANCE 1284.4 0 1284.4
RELIANCE 1284.8 1284.4 0.3999999999998636
INFOSYS 749.8 750.7 -0.900000000000091
RELIANCE 1285.4 1284.8 0.6000000000001364

...and waits infinitely for any change to occur, then prints it.

function display_s(){
 alert("success");
 }

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>

Answer 2

您使用的是onclickfucntion名称，并且script中的标记名称必须与此相同。另外，如果您想了解有关onClick的更多信息，可以查看此link

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>

Answer 3

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>

Answer 4

您正在调用错误的未定义函数。当你点击 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>

Answer 5

您正在呼叫display_specs()，声明是display_s()。检查here中是否有更正的内容。

li onclick函数未调用

5 个答案: