链接单击事件不起作用

link click event is not working

本文关键字：不起作用 事件 单击 链接      更新时间：2023-09-26

链接"商品"点击事件在"商店"点击后不起作用

<div class="i_find">
    <div class="replaced_link">Goods</div>
    <div class="link_container"><a href="#" class="a_shops">Shops</a></div>
</div>

完整代码：http://jsfiddle.net/01j2s7xj/12/

您需要

在此处使用事件委派：

$("body").on('click','.a_shops',function(){ 
    $('.i_find div:eq(0)').replaceWith('<div class="link_container"><a class="a_goods" href="#">Goods</a></div>');
    $('.i_find div:eq(1)').replaceWith('<div class="replaced_link">Shops</div>');
});
$("body").on('click','.a_goods',function(){
    $('.i_find div:eq(0)').replaceWith('<div class="replaced_link">Goods</div>');
    $('.i_find div:eq(1)').replaceWith('<div class="link_container"><a class="a_shops" href="#">Shops</a></div>');
});

工作演示

相关文章：