使用 jQuery 更改 jTicker 消息答案

【问题标题】：Changing jTicker message with jQuery使用 jQuery 更改 jTicker 消息
【发布时间】：2013-02-27 02:25:39
【问题描述】：

嘿，所以我正在尝试使用 jTicker 说出可以对用户输入做出反应的消息。 jTicker 的工作方式，它会影响 html 元素标签之间的文本。

在这个例子中，我正在尝试使用 jQuery 来修改一组特定的标签之间的文本，这些标签是多少？通过 jTicker。问题是每当我尝试更改文本时，jTicker 只使用页面首次加载时标签之间的文本，而不是新文本。如何修复此代码，以便可以即时更改 jTicker 正在影响的文本？

Javascript：

<script src="jquery.jticker.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#messageId").ticker({
            rate: 40,
            delay: 900,
            transition: "fade",
        });
        $(".stop").click(function(){
            $("#messageId").trigger("stop");
            return false;
        });
        $(".play").click(function(){
            $("#messageId").trigger("play");
            return false;
        }); 
    });

function test() {
    $('#theMessage').text('New text!');
}
</script>

HTML：

<body>
    <div id="messageId">
        <p id="theMessage">Old text</p>
    </div>
    <div>
        <input type="button" value="Test"
        class="play" onClick="test();" />
    </div>
</body>

【问题讨论】：

标签： javascript jquery html message ticker

【解决方案1】：

function test() {
    $('#theMessage').text($("#messageId").text());
}

【讨论】：

这似乎没有太大变化。它似乎只是把它放在一个循环中，从而重用相同的“旧文本”，这就是它已经遇到的问题。另外，我将在哪里定义新文本？