我有下拉菜单,它在非触摸设备上运行良好,但例如,当在iPad上查看时,菜单不会因为所做的选择/触摸而消失。
我可以在被触摸的菜单项上触发事件:
$(document).on('touchstart', function() {
....
});
但我不确定如何识别哪个ID触发了该事件。
我试过了:
var selectedID = $(this).attr("id");
但这会导致未定义。菜单结构如下:
<div class="dropdown">
<button class="button_main" id="admin">Admin</button>
<div class="dropdown-content">
<button class="button_sub" id="admin_users">Users</button>
<button class="button_sub" id="admin_depts">Departments</button>
</div>
</div>
我真正需要的是当一个子菜单项被触摸时主菜单id的ID。有什么建议吗?
发布于 2019-03-13 07:01:06
尝试:
$(document).on('touchstart', "button", function(event) {
var selectedID = $(event.target).attr("id");
console.log(selectedID);
});
所以..。按下按钮开始..。而不是其他任何地方。然后使用event
获取target
属性,该属性是触发它的元素。
https://stackoverflow.com/questions/55131769
复制相似问题