Question

我有两个div和两个段落，它们各自相互匹配。因此，您单击按钮1，按钮1旋转45度并切换第1段打开，按钮2执行相同的操作，但第2段除外。出于某种原因，如果你点击第一个按钮它会打开两个段落，如果你点击按钮两个没有任何反应，我无法找出原因。我最终需要设置多个按钮和段落。

var epidural_analgesia_INFO = document.images[0];
epidural_analgesia_INFO.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");

var epidural_analgesia_DEG = 0;

epidural_analgesia_INFO.addEventListener('click', function() {
$("p#epidural_analgesia_TEXT").slideToggle("fast");
epidural_analgesia_DEG += 45;
epidural_analgesia_INFO.style.setProperty('-webkit-transform', 'rotateZ('+epidural_analgesia_DEG+'deg)');   
});




var effects_of_yoga_INFO = document.images[0];
effects_of_yoga_INFO.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");

var effects_of_yoga_DEG = 0;

effects_of_yoga_INFO.addEventListener('click', function() {
$("p#effects_of_yoga_TEXT").slideToggle("fast");
effects_of_yoga_DEG += 45;
effects_of_yoga_INFO.style.setProperty('-webkit-transform', 'rotateZ('+effects_of_yoga_DEG+'deg)');   
});

我有一个小提琴设置，但它很大，所以我在这里拉出了具体的部分，但如果你想看到它在这里：http://jsfiddle.net/loriensleafs/AM2a2/12/非常感谢帮助我。

Answer 1

您将点击处理程序分配给这两个变量引用的元素：

epidural_analgesia_INFO
effects_of_yoga_INFO

但两个变量都初始化为引用document.images[0]。因此，单击该图像会触发两个处理程序。如果第二个可能使用1索引来获取第二个图像吗？

（顺便说一下，为什么在你似乎使用jQuery时使用addEventListener()？）

Answer 2

得到它，在第一行

var epidural_analgesia_INFO = document.getElementById（'epidural_analgesia_INFO'）;

而不是

var effects_of_yoga_INFO = document.images [0];

两个按钮在javascript中冲突

2 个答案: