Javascript 使用jQuery更改jTicker消息_Javascript_Jquery_Html_Message_Ticker

Javascript 使用jQuery更改jTicker消息

javascript jquery html

Javascript 使用jQuery更改jTicker消息,javascript,jquery,html,message,ticker,Javascript,Jquery,Html,Message,Ticker,嘿，所以我试着用jTicker来表示可以对用户输入做出反应的消息。 jTicker的工作方式影响html元素标记之间的文本在本例中，我试图使用jQuery修改正在勾选的特定标记集之间的文本？杰蒂克。问题是，每当我尝试更改文本时，jTicker只使用页面首次加载时标记之间的文本，而不使用新文本。如何修复此代码，以便jTicker影响的文本可以动态更改 Javascript: <script src="jquery.jticker.js"></script> <sc

嘿，所以我试着用jTicker来表示可以对用户输入做出反应的消息。 jTicker的工作方式影响html元素标记之间的文本

在本例中，我试图使用jQuery修改正在勾选的特定标记集之间的文本？杰蒂克。问题是，每当我尝试更改文本时，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>


$（文档）.ready（函数（）{
$（“#messageId”）.ticker({
比率：40，
延误：900，
过渡：“褪色”，
});
$（“.stop”）。单击（函数（）{
$（“#messageId”）.trigger（“stop”）；
返回false；
});
$（“.play”）。单击（函数（）{
$（“#messageId”）.trigger（“play”）；
返回false；
}); 
});
功能测试（）{
$（'theMessage'）.text（'newtext！'）；
}

Html:


旧文本

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

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

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