我需要根据角色动态绑定菜单,因此我将字符串与ul& li标签。我需要在标签中显示所选文本,因此我添加了一个点击事件但不会触发
Html代码
<div id='jqxWidget' style='height: 30px; display: none;background-color:#e8e8e8'>
<div id='jqxMenu' style='margin-left: 20px;'></div>
</div>
在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>
例如,如果选择了清单,我需要在标签中显示该文本 上面的点击事件没有被触发 任何建议
提前致谢
我为点击事件尝试了以下代码
$('#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());
});
点击事件未被触发 但是当我在小提琴中测试它的工作正常时
总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()); });
});
为什么不在网站中触发click事件的任何建议 提前谢谢
答案 0 :(得分:0)
尝试jqxMenu的'itemclick'事件。