,你好Gentlemann
1°我如何通过css类禁用点击行为onclick?
2°我无法在HTML元素中使用ID,因为我无法在代码中插入任何ID,因此我需要使用Class才能使魔术发生。
3°在我所有的尝试中,没有一个仍然有效。
如果单击,则需要禁用的元素和CSS类:
<label class="inner all disabled reserved my_numbers">
<span class="p5_effect_tooltip_b top">
<span class="numero">999999<br><small>pending<br>payment</small></span>
<span class="p5_custom_tooltip_b">Pre-Reserved: Jim</span>
</span>
</label>
班级: label.inner.all.disabled.reserved.my_numbers
1°首先尝试:
jQuery(document).ready(function() {
$("#inner.all.disabled.reserved").click(function() {
return false;
});
});
2°第二次尝试:
$(document).ready(function() {
$(".label.inner.all.disabled.reserved").click(function() {
$("label").off("click");
});
});
3°第三次尝试:
$(document).ready(function() {
$("#inner.all.disabled.reserved").click(function() {
return false;
});
});
4°尝试:
$('#inner.all.disabled.reserved.my_numbers').disabled = true
我发现最好使用该事件。你可以.preventDefault()
用来停止事件操作。
例子:
$(function() {
function preventClick(e) {
e.preventDefault();
console.log(e.target.nodeName + " Click Prevented");
return false;
}
$("label.inner.all.disabled.reserved").click(preventClick).children().click(preventClick);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="inner all disabled reserved my_numbers">
<span class="p5_effect_tooltip_b top">
<span class="numero">999999<br><small>pending<br>payment</small></span>
<span class="p5_custom_tooltip_b">Pre-Reserved: Jim</span>
</span>
</label>