- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有一种相对干净的方法可以让我获得 Twitter 按钮的简单 javascript 版本的所有内置优点,但推迟其相当繁重的 javascript 的执行,直到用户实际单击该按钮?
我想我可以构建一个像这样的 anchor 标记:
<a class="twitter-share-button"
onclick="clicked_twitter_button(this);"
data-url="http://www.mysite.com"
data-count="none"
>
<img src="twitter_button.gif" />
</a>
然后定义一个函数,例如:(注意:编辑原始帖子,现在设置 href):
function clicked_twitter_button( anchor_instance ) {
// The line below is specified by twitter.
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
anchor_instance.href = "https://twitter.com/share";
// Do something to mimic click of < anchor_instance >
}
如果我使 twitter_button.gif
看起来与 twitter 指定的 javascript 通常插入的图像一模一样,那么 twitter 指定的 javascript 的执行对于用户来说本质上看起来就像是无操作。这应该很容易做到(假设 Twitter 的图像在所有平台上都是相同的)。
所以,希望我唯一需要帮助的是弄清楚如何在 Twitter 的 javascript 执行后模拟 anchor_instance
的点击。
我的目标是保留 javascript twitter 按钮提供的漂亮弹出窗口(和默认值)。
谢谢。
最佳答案
您应该能够使用aElement.click()
模拟鼠标单击链接,触发任何附加事件以及默认行为。
function clicked_twitter_button( anchor_instance ) {
// Remove the click event to prevent an infinite loop
anchor_instance.onclick = null;
// The line below is specified by twitter.
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
// Click the link again
anchor_instance.click();
}
但是,在 5.0 之前的 Firefox 版本中,<a>
可能无法实现 click 方法。元素。在这种情况下,可能适合用 try/catch 语句包装调用并触发鼠标事件。
在阅读了评论并正确查看了 Twitter 代码后,这不起作用的原因是代码向文档添加了一个脚本元素,该元素将在当前 JavaScript 执行完毕后下载并执行。唯一的方法是检测此脚本何时加载,然后调用 anchor_instance.click()
。例如,使用脚本从 head.js 加载代码:
function scriptTag(src, callback) {
var s = doc.createElement('script');
s.type = 'text/' + (src.type || 'javascript');
s.src = src.src || src;
s.async = false;
s.onreadystatechange = s.onload = function () {
var state = s.readyState;
if (!callback.done && (!state || /loaded|complete/.test(state))) {
callback.done = true;
callback();
}
};
// use body if available. more safe in IE
(doc.body || head).appendChild(s);
}
function clicked_twitter_button( anchor_instance ) {
// Remove the click event to prevent an infinite loop
anchor_instance.onclick = null;
// Click the link again after loading the Twitter script
scriptTag("https://platform.twitter.com/widgets.js", function () {
anchor_instance.click();
});
}
现在唯一的缺点是,在获取和解析脚本时单击链接后会有一点延迟。您可能想将鼠标光标更改为加载图标或其他图标,以防万一。或者您可以完全放弃这个想法并正常加载脚本。
关于javascript - 仅当用户单击时应用 twitter-button javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21696755/
用户使用 oauth 登录我的应用程序,注销我的应用程序后,但 twitter 无法执行,问题是用户 twitter 帐户处于事件状态。 当注销我的应用程序的同时注销 Twitter twitter
我在 Twitter 的文本查询字符串参数方面遇到了一些字符编码问题。 a) http://www.twitter.com/share?url=http://www.example.com&text=
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在尝试执行3-legged authorization来在浏览器中调用Twitter API。该过程首先通过将签名的请求发布到 /oauth/request_token 来获得请求 token (
我正在做一个项目来识别用户是否是 Twitter 中的名人。有什么方法可以检查 Twitter 中的用户是否被验证为名人?我知道名人会在推特个人资料中用蓝色徽章来识别。但是我如何通过 Twitter
我想对推文进行一些挖掘。是否有更具体的推文停用词列表,例如删除“lol”和其他推特笑脸? 最佳答案 我想你应该合并普通的停用词列表,例如 this one或that ,带有特定的首字母缩略词词典,例如
我正在为我的期末项目建立一个网站,用于查找和显示 Twitter 上当前 HitTest 门的主题。有谁知道如何从上周或一天内的大量推文中提取主题?我还想知道如何在 http://tweet3d.co
我可以使用获取所有用户的详细信息 https://api.twitter.com/1/account/verify_credentials.json 但我只想通过使用 api 获取 ID 如何获得它。
我见过多个“允许此应用程序与 twitter 一起运行”的内容,但没有一个: 查看您的 Twitter 密码 在“此应用程序将能够”下 示例: 最佳答案 没有 Twitter 永远不会允许人们看到您的
我注意到最近的一些推文有与之相关的媒体,例如来自 TwitPic 或 Flickr 的照片以及来自 Youtube 的视频。你可以直接在 Twitter 网站上看到它们,所以它不仅仅是一个链接。我的想
在 Twitter API 中,有一个 status_lookup 方法可以“水化”推文。文档不清楚这意味着什么。那么我什么时候需要补充推文呢? 如果我有来自 /statuses/user_timel
我使用以下代码来显示一个带有已填充消息的 Twitter 框的页面: Click me 但是,在页面上,我在 Twitter 框中得到了这个: myMessage/ 注意结尾的斜杠。有什么想法可以解决
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 7 年前。 Improve
在开发包含 Twitter 客户端的 iOS 应用程序时,我必须允许用户生成主题标签(可以在应用程序内的其他位置创建,而不仅仅是在推文正文中创建)。 我想确保任何此类主题标签对于 Twitter 都有
我是集群新手,之前刚刚实现了一些算法。我需要根据推文的相似性对推文进行聚类。一种方法是仅使用哈希标签,但我认为这不会提供那么多信息。因此应该分析完整的推文。 此外,我还在网上搜索聚类提要的算法。 我遇
我想在 ios 7 中集成 twitter 并希望实现以下功能。1. 从 iOS 应用程序使用 Twitter 登录。2. 获取用户资料信息 我尝试了几个解决方案,但没有一个对我有用。请帮忙。 最佳答
是否有任何方法可以使用用户 ID 或屏幕名称构建个人资料图像 URL?我将用户 ID 存储在数据库中,但我不想存储个人资料图像 url。 编辑: 我也不想进行 api 调用。我想将 user_id 放
在 iOS5 上,是否可以提示用户并将其引导至 Twitter Settings.app 区域,以便他们可以将自己的 Twitter 帐户添加到手机中?如果是,你是怎么做到的? 作为解决方法,我可以指
有许多网站为 Twitter 提供附加服务: hashtags.org tweetmeme.com repeets.com dailyrt.com backtweets.com 他们都有一个共同点:他
我正在使用 Twitter Bootstrap 并尝试使用背景打印页面。 我尝试了网络浏览器中的所有选项,但它不起作用。 如果我不包括 twitter bootstrap,则背景的打印效果很好。 (顺
我是一名优秀的程序员,十分优秀!