js中未触发click事件 [英] click event not fired in js

问题描述

我需要根据角色动态绑定菜单，因此我将字符串用ul&代替. li标签.我需要在标签中显示选定的文本.我添加了一个点击事件，但没有触发
代码如下

i need to bind menus dynamically based on role, thus i concatinated string with ul & li tags. i need to show the selected text in the label. i added a click event but not fires
code as follows

<div id='jqxWidget' style='height: 30px; display: none;background-color:#e8e8e8'>
    <div id='jqxMenu' style='margin-left: 20px;'></div>
</div>

点击事件

click event

$('.jqxMenu li').click(function () {
            alert($(this).html()); 
        });

绑定到jqxMenu div标签中的示例数据

Sample Data binded in jqxMenu div tag

<ul id='mainid'>
 <li><a href=#>Operations</a>
   <ul style='width: 150px;'>
     <li><a href=default.aspx?src=1010>Booking</a></li>
     <li><a href=default.aspx?src=1009>Manifest </a></li>
     <li><a href=default.aspx?src=1002>RunSheet</a></li>
     <li><a href=default.aspx?src=1004>Delivery Updation</a></li>
     <li><a href=default.aspx?src=1007>Recovery</a></li>
     <li><a href=default.aspx?src=100>Local Manifest Branch</a></li>
     <li><a href=default.aspx?src=5501>Extras</a></li>
     <li><a href=default.aspx?src=2300>Bulk Import</a></li>
   </ul>
 </li>
</ul>

例如，选择清单时，应将其定义为标签
有什么建议

在此先感谢

for example when manifest is selected it should be dinded to label
Any suggestions

Thanks in advance

推荐答案

(' .jqxMenu li' ).click(function(){ alert(

('.jqxMenu li').click(function () { alert(

( this ).html()); });

(this).html()); });

绑定到jqxMenu div标签中的示例数据

Sample Data binded in jqxMenu div tag

<ul id='mainid'>
 <li><a href=#>Operations</a>
   <ul style='width: 150px;'>
     <li><a href=default.aspx?src=1010>Booking</a></li>
     <li><a href=default.aspx?src=1009>Manifest </a></li>
     <li><a href=default.aspx?src=1002>RunSheet</a></li>
     <li><a href=default.aspx?src=1004>Delivery Updation</a></li>
     <li><a href=default.aspx?src=1007>Recovery</a></li>
     <li><a href=default.aspx?src=100>Local Manifest Branch</a></li>
     <li><a href=default.aspx?src=5501>Extras</a></li>
     <li><a href=default.aspx?src=2300>Bulk Import</a></li>
   </ul>
 </li>
</ul>

例如，选择清单时，应将其定义为标签
有什么建议

预先感谢

for example when manifest is selected it should be dinded to label
Any suggestions

Thanks in advance

据我所知，您有以下内容:

As far as I can see, you have this:

<div id="jqxMenu" style="margin-left: 20px;"></div>

因此，您为其指定了一个ID，但您是通过div类绑定click事件的，该类不存在:

So you give it an id, but you are binding the click event by the div class, which is non-existent:

这篇关于js中未触发click事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！