Javascript Can'；在HTML onClick函数中传递参数

我和我的队友有一个问题我们还没有解决，希望有人能帮助我们

我们在顶部有4个图像，我们想在单击它们时更改另一个div的内容

这是JavaScript函数的代码，它放置了上面的4个图像，并且运行良好。当我们尝试将参数从onClick（）函数传递到modificarDetailed（）时，就会出现问题。（向右滚动查看img最重要的部分）

这就是我们在html主文档中调用init的方式

<script type="text/javascript">
        $(document).ready(function() {
            init($('#Content'));

        });
</script>

$（文档）.ready（函数（）{
初始化（$（'内容'）；
});

---

提前感谢。

我们终于找到了解决方案。我们昨天看到它在网上搜索，但我们做错了，所以一开始它不起作用

有必要使用'\'，因此它是这样的：

<img class="img-responsive img-portfolio img-hover" src="'+ events[1].image+'" alt="" onclick="modificarDetailed('+events[1].nameEvent+','+events[1].category+','+events[1].author+','+events[1].dateInit+','+events[1].image+');">\

\

必须这样做：

<img class="img-responsive img-portfolio img-hover" src="'+ events[1].image+'" alt="" onclick="modificarDetailed(\''+events[1].nameEvent+'\',\''+events[1].category+'\',\''+events[1].author+'\',\''+events[1].dateInit+'\',\''+events[1].image+'\',\''+events[1].description+'\');">

---

感谢@Barmar和@yak613的尝试。

您是否使用

id=“detailedForm”

创建了多个元素？ID必须是唯一的。我认为这是

事件

的问题：

函数insertDetailedEvent（父事件）

。它是保留的。@从技术上讲，我们正在覆盖它。但谢谢你们两位的回复！我们终于找到了解决方案，我现在就发布它。

<script type="text/javascript">
        $(document).ready(function() {
            init($('#Content'));

        });
</script>

<img class="img-responsive img-portfolio img-hover" src="'+ events[1].image+'" alt="" onclick="modificarDetailed('+events[1].nameEvent+','+events[1].category+','+events[1].author+','+events[1].dateInit+','+events[1].image+');">\

<img class="img-responsive img-portfolio img-hover" src="'+ events[1].image+'" alt="" onclick="modificarDetailed(\''+events[1].nameEvent+'\',\''+events[1].category+'\',\''+events[1].author+'\',\''+events[1].dateInit+'\',\''+events[1].image+'\',\''+events[1].description+'\');">