簡體   English   中英

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> 

更改為我輸入的內容。 您遇到一些類型錯誤。

 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> 

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

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>

您正在調用錯誤的未定義函數。 當您單擊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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM