Question

我正在努力在网页的ajax加载部分中获得更多/更少的工作。我改编了好的剧本http://jsfiddle.net/gDvyR/72/，主要是通过添加＆＃34; on＆＃34;据我所知，这解决了ajax问题。查看结果http://jsfiddle.net/033mg0cf/1/。小提琴有效，但不在ajax创建的部分内。 JQuery在页面中调用ajax部分，而不是在部分本身。怎么解决？

<p class="more">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. etc etc </p>
<a class="readmorebtn">Read more</a>

var moreText = "Read more",
lessText = "Read less",
moreButton = $("a.readmorebtn");

moreButton.on("click", function () {
var $this = $(this);
$this.text($this.text() == moreText ? lessText :   moreText).prev(".more").slideToggle("fast");

Answer 1

遗憾的是，这只收到了评论而非建议的解决方案。

在谷歌上进一步搜索，特别是为了查看ajax内容切换是否存在问题，这给出了解决方案：Jquery events not working on ajax loaded content

具体而言，替换后ajax内容的工作量越来越少： -

moreButton = $("a.readmorebtn");
moreButton.on("click", function () {

使用： -

$("body").on("click","a.readmorebtn", function () {

在ajax内容中更多/更少地应用JQuery

1 个答案: