2013-02-27 63 views
0

嘿所以我试图用jTicker说出可以对用户输入做出反应的消息。 jTicker的工作方式,它会影响html元素标签之间的文本。用jQuery更改jTicker消息

在这个例子中,我试图用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> 

回答

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

似乎并没有太大的变化。它似乎只是把它放在一个循环中,从而重用相同的“旧文本”,这是它已经存在的问题。 另外,我将在哪里定义新文本? – user1751775 2013-02-27 20:15:19