0

我有两个按钮，分别是 div 和两个段落，它们相互匹配。因此，您单击按钮一，按钮一旋转 45 度并切换打开第一段，按钮二除了第二段之外执行相同的操作。出于某种原因，如果您单击第一个按钮，它会打开两个段落，如果您单击按钮两个，则没有任何反应，我不知道为什么。我最终需要设置多个按钮和段落。

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/ 非常感谢帮我。

4

2 回答 2

2

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

epidural_analgesia_INFO
effects_of_yoga_INFO

但是这两个变量都被初始化为 reference document.images[0]。因此，单击该图像会触发两个处理程序。第二个是否应该使用索引1来获取第二个图像？

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

于 2012-10-02T13:46:02.820 回答
0

明白了，在第一行

var epidural_analgesia_INFO = document.getElementById('epidural_analgesia_INFO');

代替

var effects_of_yoga_INFO = document.images[0];

于 2012-10-02T13:47:55.347 回答