Jquery on（'click）无法正常工作

Question

我有几个div元素，这些元素用索引填充，例如

Divid1 + index0 
Divid2 + index1 
Divid3 + index2 

点击函数已经应用到这些单独的元素，所以Jquery SlideToggle可以打开已分配给这些元素的div元素。

现在我已经创建了一个图像的点击功能来使用触发器功能打开这些框，但它似乎不工作。

$('image').on('click', function() { 
    $('#result' + index).trigger('click'); 
}); 

我想这使已分配的单击事件：

$('#result'+index).click(function({ 
    $(this).next("#nesteddiv").slideToggle("slow"); 
}); 

谢谢

Answer 1

既然你想的slideToggle毗邻一个元素点击一个CSS选择器，通配符将是最合适的。

$('.slideToggleImage').on('click', function() { 
    $("[id^=result]").trigger('click'); 
}); 

$("[id^=result]").click(function() { 
    $(this).next(".nesteddiv").slideToggle("slow"); 
}); 

并且将#nesteddiv更改为类，因为ID应始终是唯一的。它会工作，但它只是最佳实践:)