📅  最后修改于: 2023-12-03 15:22:49.023000             🧑  作者: Mango
有时候我们需要在页面上的锚标记被单击后禁用,以防止用户多次点击。可以使用jQuery对锚标记添加单击事件,并在事件中禁用锚标记。
首先,我们需要选择要禁用的锚标记。我们可以使用jQuery的选择器来选取锚标记。比如:
$('a.my-anchor')
上面的代码将选取所有class
属性包含my-anchor
的锚标记。
接下来,我们需要添加单击事件。我们可以使用jQuery的click()
方法来添加事件。比如:
$('a.my-anchor').click(function() {
// todo
})
上面的代码将为所有class
属性包含my-anchor
的锚标记添加单击事件,当单击时将执行todo
里面的代码。
最后,我们需要在事件中禁用锚标记。我们可以使用jQuery的attr()
方法来修改disabled
属性。比如:
$('a.my-anchor').click(function() {
$(this).attr('disabled', true);
})
上面的代码将为所有class
属性包含my-anchor
的锚标记添加单击事件,当单击时将禁用该锚标记。
下面是完整的示例代码:
$('a.my-anchor').click(function() {
$(this).attr('disabled', true);
})
使用以上代码即可禁用所选锚标记的单击事件。