Jquery easyticker脚本不工作

问题描述：

我们最近一直在为我们的Web应用程序开发一个仪表板。仪表板主要使用ASP.NET SignalR，以便信息可以实时更改而无需浏览器刷新。Jquery easyticker脚本不工作

其中一个要求是有一个faceebook风格的新闻股票，它显示留言板的概述。我最近遇到了一个名为Easy ticker的jQuery插件。基本上它现在显示了div内的元素。

最初div的内容是空的，注入一个信息变得可用，这是通过SignalR完成的。但是，每当我参考简单的ticker插件，什么都没有显示出来。我用萤火虫，所以看到输出，似乎一切都好，有什么我做错了？谢谢

<html> 

<body> 
<div id="latest-messages"> 

    <div class="message-content" style="position: absolute; margin: 0px; top:  51.911805555555546px;"> 
    </div> 

</div> 


<script src="js/json2.js" type="text/javascript"></script> 
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> 

<script src="js/jquery.easy-ticker.js" type="text/javascript"></script> 
<script src="js/jquery.signalR-1.0.1.min.js" type="text/javascript"></script> 
<script src="/signalr/hubs"></script> 
<script type="text/javascript"> 

     $('#latest-messages').easyTicker({ 

      direction: 'down', 
      interval: 7000   

     }); 

     // Declare a proxy to reference the hub 
     var hub = $.connection.messageHub; 

     // Create a function the hub can call to send messages 
     hub.client.receiveMessage = function (message) { 

     // Html encode the message 
     var encodedMessage = $('<div />').text(message).html(); 

     var data = JSON.parse(encodedMessage); 

     // Clear previous messages 
     $('.message-content').empty(); 

     // Display each item 
     // in the json-array 
     $.each(data, function() { 

      $('.message-content').append(
       '<div>' + 
       '<b>' + this['Subject'] + '</b>' + '<br/>' 
       + 'Date Created: ' + this['DateCreated'] + '<br/>' 
       + 'Sent by: ' + this['SentBy'] + '</div>' 

      ); 

      }); 


     }; 

     // Start the connection 
     $.connection.hub.start(); 
</script> 

</body> 
</html>

可能不相关的问题，但加入任何其它的JS文件 – dakait 2013-03-07 11:46:01

似乎@dakait不作任何差别仍然没有看到任何东西之前包括的jquery.js。在输出方面，我期待类似[this]（http://www.aakashweb.com/resources/pages/demos/jquery-easy-ticker/） – Henry 2013-03-07 11:59:21

答

从SignalR发送到您的客户端receiveMessage方法的数据可能不是stringified，而是一个普通的JavaScript对象。尝试stringify HTML编码之前荷兰国际集团它：

hub.client.receiveMessage = function (message) { 

     // Html encode the message 
     var stringifiedMessage = JSON.stringify(message); 
     var encodedMessage = $('<div />').text(stringifiedMessage).html(); 
     // ...

这个消息是使用Newtonsoft.Json从一个集合中序列化的我能够获得JSON对象及其数据，但没有任何问题，但新闻自动收录器插件不提供任何内容 – Henry 2013-03-08 06:04:45

FWIW，SignalR使用Newtonsoft.Json为您串行化集线器参数，因此无需亲自操作。 – halter73 2013-03-08 19:42:55

好的...所以你说的是我可以通过集合，SignalR会为我序列化？这很有趣。不过，我的问题仍然是，即使结果通过了，jQuery easy ticker也没有显示任何内容 – Henry 2013-03-09 18:23:46

Jquery easyticker脚本不工作

相关推荐