javascript - 不使用 DIV "onclick()"

Question

我有一个使用一些选项卡的应用程序。这些选项卡的功能是用 jquery 编程的(我不知道如何编程 jquery)。因此，如果我想添加一个选项卡，我会使用这一行:

<div class="tab">1</div>

我没有编写那个选项卡的功能，但我需要添加一些其他功能，所以我尝试在 DIV 上使用 onclick()(如下所示)但不起作用。

<div class="tab" onclick="prueba()">1</div>

为了让它工作，我需要使用这样的东西:

<div class="tab"><span onclick="prueba()">1</span></div>

我的问题是 DIV 的大小更大，所以 onclick() 只能通过准确点击数字来工作，而不是点击 div 的任何部分。

我已经尝试将 DIV 插入 Span 中(如下所示)，但不起作用。

<span onclick="prueba()"><div class="tab">1</div></span>

有谁知道这是否是因为控制选项卡上的功能的 jquery 而发生的？

有什么方法可以在 DIV 之外的“tab”类中使用任何带有 onclick() 的元素吗？？

非常感谢，对不起我的英语不好

function prueba() {
   alert("HELLO");
}

不好意思不放jquery代码，太长了，不知 Prop 体放哪一部分。

Answer 1

您是否考虑过只使用 $('.tab').click(prueba) 或类似的东西？这就是您通常打算使用 jQuery 执行此类操作的方式。