通过锚链接创建显示div的另一个实例

Question

我有一个div容器和一个按钮，当点击时，只需在我的标记中为一个元素添加一个类，允许它扩展为全屏div。

之前:(开始加价）

<section class="isi" data-trigger="toggle" data-trigger-class="isi--show-isi"> 

课程结束后：

<section class="isi isi--show-isi" data-trigger="toggle" data-trigger-class="isi--show-isi"> 

问题：

问题是，我只是试图创建一个这个锚链接的新实例来触发这个相同的附加类，以不同的链接以相同的方式显示这个div。

尝试：

$('a.isilnk').on('click', function(){
    $('.isi').addClass('isi--show-isi');
}); 

我试过用另一种方式编写click函数，我尝试过toggleClass并尝试了触发器点击。但它似乎只是暂时将课程附加一段时间，然后在这个实例中快速取消任何想法？

Answer 1

您需要使用.on()事件来访问动态生成的元素，如下所示：

$(document).on('click', 'a.isilnk', function(){
    $('.isi').addClass('isi--show-isi');
});