我需要根据角色动态绑定菜单,因此我将字符串与ul
&li
标签连接起来。
我需要在标签中显示选定的文本,因此我添加了一个点击事件,但它不会触发。
HTML 代码
<div id='jqxWidget' style='height: 30px; display: none;background-color:#e8e8e8'>
<div id='jqxMenu' style='margin-left: 20px;'></div>
</div>
点击事件
$('.jqxMenu li').click(function () {
alert($(this).html());
});
jqxmenu中绑定的字符串
<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>
例如,如果Manifest
选中,我需要在点击事件的标签中显示该文本。然而,它并没有火...
我为点击事件尝试了以下代码:
$('#jqxMenu li').click(function (e) {
e.preventDefault(); // Check if the li has a parent .. To prevent double firing of li
if ($(this).parents('li').length) {
e.stopPropagation();
}
alert($(this).html());
});
click 事件没有被触发,但是,当我在小提琴中测试它时,它工作正常。
我的整个jQuery代码如下:
$(document).ready(function () {
var theme = getTheme();
$('#jqxMenu li').click(function (e) {
e.preventDefault(); // Check if the li has a parent .. To prevent double firing of li
if ($(this).parents('li').length) {
e.stopPropagation();
}
alert($(this).html());
});
$("#jqxMenu").css('visibility', 'visible');
$("#jqxMenu").jqxMenu({ width: '600', height: '30px', theme: theme });
$("#open").bind('change', function (event) {
$("#jqxMenu").jqxMenu({ autoOpen: true });
});
$('#jqxMenu').bind('itemclick', function () {
$('#selid').val($(event.args).text()); });
});
为什么没有在网站中触发点击事件的任何建议?
提前致谢