jquery - 如何在 jquery 中多次更改文本？

Question

我刚刚开始接触 jquery，并且非常喜欢它。

目前，我正在尝试创建以下看似简单的场景:文本显示在屏幕上，每次单击主要内容时，文本都会淡入和淡出为一组不同的文本.

现在，当它从一个文本转换到另一个文本时，我已经能够完成此任务，但由于某种原因，我无法将其他任何内容链接到其中。任何提示将不胜感激!

这是 HTML:

<div id="mainContent">
    <h3 id="bodyText">This is the original text</h>
</div>

这是脚本:

$(document).ready(function() {
    $('#mainContent').click(function () {
        $('#bodyText').fadeOut(function () {
            $(this).text("This is the new text!").fadeIn();
        });
    });
});

*编辑:

也许“链”不是正确的术语 - 我只是试图允许用户通过单击来更改屏幕上的文本一定次数(几乎就像在 powerpoint 中的基本幻灯片中的幻灯片之间导航)在主要内容区域。感谢您到目前为止的所有回答和建议，我正在研究如何实现您的解决方案。

Answer 1

在这种情况下，您需要阅读有关事件冒泡的内容，Click 事件不会在 DOM 树中冒泡。您必须使用.live()反而。但在最新版本的 jQuery .live() has been deprecated所以你必须使用 .on()事件。就重复而言，您必须循环执行此操作，并且可以通过 .each() 实现此操作。