Question

我正在关注此Site，这是在我的网站上添加自定义推文框和按钮的简单方法，有助于更新帖子。

根据其功能，一旦我们在文本框中编写任何消息并点击推文按钮，我们将获得Twitter登录弹出窗口，一旦我们通过身份验证，我们的消息将发布在我们的Twitter帐户墙上。

但是，当我运行此代码时，我将获得弹出窗口，一旦我提供了我的凭据，窗口关闭但Twitter帐户中没有发布消息。当我在我的javascript控制台上检查时遇到错误：

不安全的JavaScript尝试使用来自框架的https://api.twitter.com/xd_receiver.html访问具有以下网址的框架：空白。请求访问的帧具有“http”协议，被访问的帧具有“https”协议。协议必须匹配。

我不知道这个错误意味着什么，因为我运行表单的网站是clorderdev2.uvacha.com

以下是我的代码：

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=YOURCONSUMERKEY&v=1"></script>
   <script type="text/javascript" src="Scripts/jquery.jtweetsanywhere-1.3.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jtweetsanywhere-de-1.3.1.min.js"></script>

<div id="jTweetsAnywhereSample"></div>
<script type="text/javascript">
$('#jTweetsAnywhereSample').jTweetsAnywhere({
showTweetBox:{
    counter: true,
    width: 380,
    height: 65,
    label: '<span style="color: #A4A4A4">What\'s happening?</span>',
    defaultContent: '#jTweetsAnywhere',
    onTweet: function(textTweet, htmlTweet){
        alert('You tweeted: ' + textTweet);
    }
}
});</script>

Answer 1

有一个更好的插件来获取Twitter推文，它被称为livetwitter。您需要的所有信息都在这里：

https://github.com/elektronaut/jquery.livetwitter

Answer 2

问题在于某个地方的脚本正在尝试在http：//和https：//协议之间进行通信。出于安全原因，JavaScript无法做到这一点。这很可能是您正在使用的某个库中的错误。

我建议使用official twitter implementation，如果这是可能的选择。

如何在我的网站上添加Twitter推特功能？

2 个答案: