javascript - 在不同的标签上正确触发 JavaScript

Question

我在尝试让我的 javascript 在元素中的所有必要位置启动时遇到了困难。在开始讨论这个问题之前，让我先简单介绍一下该元素的背景。

我制作了一个 JSFiddle，这是一个非常初级但准确的我当前网站的模型。这个想法是，当您单击黑框时，与该框关联的信息会出现在灰色的“信息”框中。

这是 JSFiddle:http://jsfiddle.net/5dQUk/27/

问题是黑框中唯一可点击的区域是 p 标签周围的区域 ( http://imgur.com/AdQ0Z5F )

有没有办法在单击黑框的任何区域时触发 javascript？我试过在 JavaScript 中添加一个 p 异常，但没有成功....

$("#block-buttons").on("click", "div", ***"p",*** function (clickEvent) {

非常感谢任何帮助，非常感谢!!!

Answer 1

问题不在于可点击区域，而是事件处理程序中的逻辑。

这是一个工作版本

http://jsfiddle.net/5dQUk/36/

我只是把目标行改成了

var target = $(this).data("target");