首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AddThis按钮在AJAX中不起作用,但会正常工作

在AJAX中,AddThis按钮可能会出现不起作用的情况。这是因为AJAX加载的内容可能无法触发AddThis的JavaScript代码,从而导致按钮无法正常工作。为了解决这个问题,您可以尝试以下方法:

  1. 使用AddThis的AJAX刷新方法。在AJAX请求完成后,调用AddThis的addthis.toolbox(".addthis_toolbox")方法,以便重新渲染AddThis按钮。例如,在jQuery的ajaxSuccess回调函数中调用该方法:
代码语言:javascript
复制
$(document).ajaxSuccess(function() {
  addthis.toolbox(".addthis_toolbox");
});
  1. 如果使用的是AddThis的新版本(AddThis中的Follow Buttons),请确保在AJAX加载的新内容中包含addthis:url属性。例如:
代码语言:html
复制
<div class="addthis_inline_share_toolbox"></div><script type="text/javascript">
  addthis.update('share', 'url', 'https://www.example.com/new-url');
</script>
  1. 如果以上方法仍然无法解决问题,您可以尝试使用AddThis的异步加载方法。在HTML中,将AddThis的JavaScript代码替换为以下代码:
代码语言:html<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5xxxxxxxxxx"></script>
复制

其中,ra-5xxxxxxxxxx是您的AddThis帐户的发布者ID。这将确保AddThis在每次加载新内容时都会正确加载。

总之,要解决AddThis按钮在AJAX中不起作用的问题,您需要确保在AJAX请求完成后重新渲染按钮,并在新内容中包含正确的URL。如果仍然无法解决问题,请尝试使用异步加载方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

移动端开发遇到的坑点及总结(持续更新)

移动端开发遇到的坑点及总结 前言 一、new Date()IOS上出现值为NAN的问题 二、Android部分机型使用height和line-height等值设置垂直居中,但会显示偏高的问题 三、...五、iphone的H5页面click点击事件不生效 六、代码书写规范 七、ajax()关于请求超时和同异步的处理 八、设置rem 前言 本文主要是记录自己移动端开发遇到的一些坑点或者总结(持续更新,...开发过程,难免会存在以下这种情况:页面本身可滚动,并且有弹窗可以触发出现。...正常的写法是这样的: $.ajax({ type: 'POST', url: url, headers: headers, data: data, dataType: 'json',...success: function(res) { // 对数据进行处理 } }) 这样写时可以满足我们正常的需求,这里补充ajax()可能不太常用的点,就是这个timeout和async

91430

修复android下webView控件的总结

游戏中有一个收集玩家问题反馈的网页,很早之前就有同事反映说android游戏无法上传附件,浏览器是可以正常使用的。...bug,最后我是一篇文章猛然发现可能我目前使用的代码写的有问题(离职人员留下的),这篇文章链接在这里: android开发WebView的使用(附完整程序) ?...页面B,用户点击一个A元素的超链接(href=”javascript:history.go(-1);”)它能正常返回,但是点击提交问题按钮之后,ajax接口成功后用js调用history.go(-...然后我尝试直接本地修改代码,页面载入完成时调用history.go(-1)是能正常工作的。...但又要写一些代码,所以又想先再找找有没有其它办法… 之后我仔细查看了http的上传请求,尝试ajax.ajaxFileUpload的success方法延时调用history.go(-1),发现界面错位了

1.5K20

JavaScript的注入引出技术诈骗

0×01 前言 最近的恶意软件的调查,我们发现了一些有趣的混淆JavaScript代码。...此代码伪装成现在流行的插件AddThis social sharing的一部分,URL命名约定和图像文件中使用它。...这是通过字符串随机位置添加0到5的数字来编码的,如下所示: 22c1n4d41.3s27-44a2d11d1t0hi4s3.0t1o2p001 在从字符串删除0-5之间的所有数字后,我们看到它从以下位置的...我们可以使用curl工具去伪造一下,欺骗它正常的进行工作。 我能够访问假的PNG文件。它甚至包含正确的头信息和魔术字节,以将文件格式标识为PNG图像: ?...隐藏在图像文件的恶意代码恶意软件业务并不是什么新东西 – 我们已经看到了这些年来不同的技术。PNG文件的END部分之后添加的恶意代码不会破坏图像。

1.2K50

社招前端二面react面试题集锦

在哪个生命周期中你会发出Ajax请求?为什么?Ajax请求应该写在组件创建期的第五个阶段,即 componentDidMount生命周期方法。原因如下。创建期的其他阶段,组件尚未渲染完成。...销毀期,组件即将被销毁,请求数据变得无意义。因此在这些阶段发岀Ajax请求显然不是最好的选择。...组件尚未挂载之前,Ajax请求将无法执行完毕,如果此时发出请求,将意味着组件挂载之前更新状态(如执行 setState),这通常是不起作用的。... componentDidMount方法,执行Ajax即可保证组件已经挂载,并且能够正常更新组件。React- Router有几种形式?有以下几种形式。...注意:工作,为了提高开发效率,通常使用JSX语法表示 React元素(虚拟DOM)。在编译的时候,把它转化成一个 React. createElement调用方法。说说你用react有什么坑点?

2K60

浅谈移动端页面无刷新跳转问题的解决方案

Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称SPA,就是只有一个HTML页面的应用程序,应用中所有的视图都包含在这个HTML页面,并通过...所有的页面内容都包含在这个所谓的主页面。但在写的时候,还是会分开写(页面片段),然后交互的时候由路由程序动态载入。...正常来讲,单页面下数据请求更新走的不再是重载页面,而是ajax请求,更新的内容都是json传过来的,数据量要比下载整个页面快得多。...监听地址栏hash变化驱动界面变化它们的变化记录浏览器会保存在history,可以通过回退/前进按钮找回,或者history对象的方法控制。...> 坚持总结工作遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

3.6K40

PureBlue 主题更新记录

2019.6.3: 修复文章目录过长覆盖 footer 的问题 本来想集成 Alogolia 搜索,无奈问题一个接着一个,只好放弃 2019.5.29: 完成部分移动端适配工作 是的,终于填了一点坑了...用的是媒体查询,虽说没有适配全部尺寸的手机,但是大部分已经可以正常显示了,第一次看到博客在手机上正常显示还是很开心的哈哈哈。...2019.4.1: 几个优化阅读体验的小变动 引入了font-awesome库,增加了一些图标 现在TOC目录的标题会随着屏幕滚动而对应高亮。...后面看情况可能会增加对gittalk的支持;分享插件,我个人使用的是Addthis,之所以只有个人使用= =,因为这个插件必须要到它的官网去配置,而我要的效果是用户可以通过主题文件进行配置。...所以虽然好用,但不会考虑作为主题的分享插件 增加了对Addthis的支持,现在用户可以通过配置pubid使用这个插件了。

1K30

Strandhogg漏洞:Android系统上的维京海盗

StrandHogg:维京海盗式Android应用漏洞 StrandHogg是一个存在于Android多任务系统的应用漏洞。...这时,不明真相的你,会毫无防范的一个虚假的界面,安心地输入账号、密码,以及进行任意操作。...普通用户只能通过一些不鲜明的异常发现问题,比如已登录的应用要求登录、单击用户界面按钮链接时不起作用,或者后退按钮无法正常工作。 3、扩大UI欺骗风险:UI欺骗,很多人听说过。...1、恶意程序利用GooglePlay分发 通常情况下,正常程序多数都会入驻Google Play,而利用StrandHogg漏洞的恶意程序,则通过多个恶意下载器安装,但会选择Google Play上进行分发扩散...Android操作系统这片开源的大海上,其实不仅有StrandHogg漏洞这样的维京海盗式战术,还有各种各样已知未知的漏洞威胁,虽然经过十多年的发展,各路技术人员的努力下,让Android操作系统漏洞威胁趋于稳定

1K10

前端处理动态 url 和 pushStatus 的使用

大家在工作是如何处理此类场景的?还是用传统的后台路由来提供动态url? 感谢郑海波和剧中人的热心回答。...都提到了history对象的pushState,这是我第一次接触到这方面的内容(顿时觉得自己真是才疏学浅)。 同时也有人提到了pjax,这个就是pushState+Ajax的封装,也很有意思。...如果是新窗口打开的,则无效。如:a标签添加target="_blank",或按住ctrl点击,这类场景下,新的tab页,history对象也是新的。...这些方法可以协同window.onpopstate事件一起工作。...但会不利于 SEO,看着也不够优雅。 Pjax的原理十分简单。 拦截 a 标签的默认跳转动作或某些按钮的点击事件。 使用 Ajax 请求新页面。 将返回的 Html 替换到页面

1.2K20

AJAX如何处理书签和翻页按扭(上)

AJAX应用程序添加书签和会退按钮的功能。...问题: 书签和回退按钮传统的多页面的Web应用程序工作的非常好。当用户浏览网站的时候,浏览器的地址栏记录随新的URLs更新,这些记录可以拷贝到email 或者 书签供以后使用。...回退和前进按钮可以帮助用户在他浏览过的网页向前或向后翻动。 AJAX 应用程序却是不同的,他们是运行在一个网页的复杂程序。...类似Gmail的AJAX软件,浏览器的地址栏在用户选择功能和改变程序状态的时候保持不变,这让书签在这类程序无法使用。...这个Iframe需要指定一个实际的文件位置才能正常工作,这就是blank.html。 RSH 框架创建了一个叫dhtmlHistory的全局对象,这是控制浏览器历史浏览记录的入口点。

85830

苹果iPhone白屏死机?如何修复?

如果是这样,你可以尝试缩小屏幕从而正常使用设备。 要使放大倍率恢复正常,请将三个手指并拢,然后双击屏幕将设备恢复到正常视图。你可以进入设置 > 辅助功能 > 缩放点击关闭放大。...对于iPhone 7和7 Plus:同时按下电源按钮和音量降低按钮,当你屏幕上看到苹果标志时松开按钮。 对于iPhone 8及更新机型:快速按下并松开音量增大按钮,然后快速按下并松开音量减小按钮。...强制重启iPhone.jpg 方法三、使用主页 + 音量增大 + 电源键 如果硬强制重启不起作用,那么还有另一种按钮组合可以帮助修复iPhone白屏死机问题: 同时按住主页按钮、音量增大按钮和电源...方法四、尝试恢复模式并从备份恢复 如果以上方法都不起作用,您可以尝试将iPhone置于恢复模式。恢复模式将让您重新安装 iOS并将备份数据恢复到设备。...iTunes恢复模式.jpg 方法五、使用三方工具修复iPhone 白屏死机问题 如果恢复模式也不起作用,建议你试试三方工具,例如丰科iOS系统修复工具。

5K00

Ajax请求过程显示“进度”的简单实现

进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后...当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮);Ajax请求完成被返回响应的结果,结果被呈现出来的同时,GIF图片和...我们GIF图片和作为遮罩的定义布局文件,并为它们定制了相应的CSS。...ajax2方法我们将options参数complete属性进行了“封装”,让可以将显示出来的GIF图片和遮罩隐藏起来。...调用$.ajax(options)进行Ajax请求之前,我们将GIF图片和遮罩显示出来,并且将其定位在正中央。遮罩的透明度进行了相应设置,所以会出现上图()的效果。

1.9K90

WEB安全新玩法 阻止订单重复提交

1.1 正常用户访问 已登录用户选择购买一件商品后,进入到确认订单页面: [图1] 用户点击提交订单按钮后,网站回复订单已生成: [图2] 可以我的订单列表中看到刚才的订单: [图3] 订单生成的交互过程反映在...攻击者象正常用户一样选择商品和确认提交后,能够 Burpsuite 的 HTTP history 中找到这个提交订单信息的请求。...本例,iFlow 加载订单支付代码时生成并加入一次性随机令牌,提交订单时检查这个令牌的存在。...iFlow 截获这段代码的响应返回,生成一个随机令牌保存在本地存储,并修改 JS 代码将随机令牌加入到 AJAX 发送列表。...用户点击提交订单按钮时,JS 代码发出 AJAX 请求将随机令牌随同订单信息一起发出,iFlow 截获请求,检查参数的令牌是否与保存的令牌一致,并清除本地存储中保存的令牌。

1.5K20

数据透视表双击出的明细表很难用?

最近有朋友使用数据透视表双击出明细的时候遇到2个问题: 1、生成的明细表自动带了筛选,怎么取消筛选?...2、复制数据到生成的明细表后面时,怎么筛选按钮不起作用?...一是像普通表那样把筛选按钮点掉,如下图所示(如果你发现筛选按钮不起作用,那可能是你目前选中的单元格或区域不在明细表的范围内): 还有一个方法是,表格菜单里直接取消勾选“筛选”项。...如下图所示: 二、关于复制其他数据到该表 一般情况下,如果你是直接复制数据然后粘贴到紧接着该表的右侧(不隔空列)或下方(不隔空行),超级表的范围会自动扩展,筛选按钮也可正常使用。...,非常简单,表格菜单单击“转换为区域”按钮即可,如下图所示: 在线M函数快查及系列文章链接(建议复制到浏览器打开后收藏使用): https://app.powerbi.com/view?

2K30

锋利的JQuery学习笔记之JQuery-Ajax的应用

最初学习Ajax的日子里,我被ASP.NET AJAX框架提供的UpdatePanel迷惑了,以后Ajax就这么简单,所以最初做的几个项目里,前台代码里必至少有一个UpdatePanel区域,把要局部刷新的内容全放到这个...2.破坏浏览器“前进”、“后退”按钮正常功能;3.对搜索引擎支持的不足;4.开发和调试工具的缺乏;   下面看一段最经典的实现Ajax的js脚本代码: <script language="javascript...;   幸运的是,我们强大的JQuery库为我们封装了许多<em>Ajax</em>操作,<em>在</em>JQuery<em>中</em>$.<em>ajax</em>()属于最底层的方法,第2层则是load,get,post方法,第3层是getScript和getJSON...$("#resText").load("test.htm");             });         });       通过设置id为send的按钮点击事件,id为resText的div中加载...即使表单增加多个字段,脚本仍然能够使用,并且不需要做其他多余的工作

67340

Unity基础教程-物体运动(八)——攀爬(Sticking to Walls)

攀爬时FixedUpdate执行此操作,而不要施加重力。 ? 只要我们没有太快移动(或者如果是动画的话,墙壁也不会太快),就可以使我们与墙壁保持接触,但会导致我们陷入90°的内角。...2.5 可选的攀爬 现在,攀爬已经可以正常运作了。让我们使其成为可选项。...只要按住按钮,我们就尽可能攀爬,因此我们通过Input.GetButton而不是Update的Input.GetButtonDown进行检查。 ?...2.8 爬出裂缝 不幸的是,当球体卡在缝隙时,我们的攀爬方法不起作用,这是因为陡峭的接触点会转换为地面接触点。...除了进行累积之外,每次我们EvaluateCollision获得一次正常的攀爬时都进行设置。 ? 然后让CheckClimbing确定是否有多个攀爬接触。

2.6K10

由JSON CSRF到FormData攻击

来源:https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)) 那么JSON CSRF中有什么独特之处,JSON CSRF...json,使用常规HTML表单,只能通过XML HTTP请求或简单地通过AJAX请求到服务器, 但由于CORS策略我们不能这样做,除非服务器允许超过自定义的Origin和在响应为Access-Control-Allow-Credentials...现在让我们来看看现实生活的案例: 以下是发送到服务器以更改用户个人信息的JSON请求 现在,我们可以尝试如果改变Content-Type的application/json为text/plain,是不是还可以工作...数据的末尾附加了“balance”:”’ value=’true”}’用来平衡请求中发送的additional = 现在,如果text/plain方法不起作用,那么我们还有另一个选项,只需发送带有Content-Type...type=”text” name=”countryCode” hidden=”true” value=”+52"> 提交表单以测试它是否正常工作

1.7K20
领券