执行Ajax功能后，按钮单击不起作用

Question

我有一个使用Ajax生成的readmore按钮，现在我使用下面的代码从此按钮执行click事件，但没有任何反应。

单击按钮时应取消隐藏div，该div也是动态的并使用Ajax生成。所以这是我正在处理任何想法的所有动态内容。感谢。

jQuery的：

jQuery(document).on('click', '#readmore', function(e){
    e.preventDefault();
    alert("you clicked the button");
    jQuery("#bodytext").css("display", "block");
});

Answer 1

你有2个选项可以让它发挥作用，

1. 将您的按钮转换为超链接，e.preventDefault将阻止点击按钮，因为它是默认行为。
2. 从代码中删除e.preventDefault()。

还要确保您已包含任何最新版本的jquery。并在$.ready()中编写代码，

$(function(){
    // your code here
});

现在，尝试使用上面的任何一个选项。