Question

嘿所以我正在尝试使用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>

Answer 1

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

使用jQuery更改jTicker消息

1 个答案: