网站翻译 click之后通过jquery实现动态加载元素只翻译一次

内容描述:点击加载出来一个选择页面,再通过点击选择页面元素进入具体的内容展示。

通过点击加载出来的页面内容(该内容未写在html页面,通过js加载),我通过on()在点击之后调用了自己的translate方法。但是下一次点击它会将已经翻译好的结果进行翻译。如果我只调用一次翻译方法。该内容又会在点进子页面之后,重新转成英文。
该如何解决该页面点击进行翻译?

0

4个回答

回答一下为什么会出现这个问题,你加载了内容,但是你translate是在点击的时候才执行将加载的内容翻译,所以每次点击都翻译一遍,所以就出现了你说的那种现象。
1.首先解决你点击一次再点一次进行翻译的问题。你定义一个全局变量,而且设置为空,比如 var content="";然后在translate里面判断是否content有值,如果有值的话就直接return,如果没有值就往下执行,如果content没有值就将你ajax回来的值翻译之后赋值给content。这样就可以解决了你每点一次翻译一次的问题,另外多说一句,在用on绑定的前面先off掉,解绑掉事件,避免出现不必要的问题。
2.解决你点击他进入子页然后回来内容变成英文的问题。由于不知道你是 开发的是什么,如果是用a标签或者window.location.href跳转的话,请将content有的值存储到本地,用window.localStorage 或者window.sessionStorage 存起这个值,在返回这个页面的时候先判断window.localStorage存的这个值在不在,在的话就直接将值赋值给content。

思路大概是这样,不懂可以继续问我,希望对你有帮助

0

你给点演示截图吧。你这么描述,我们很难理解。

0

图片说明
你可以单独只把新加载的这一块内容进行翻译啊

0

谢谢楼上们的回复啦!

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
网站翻译 click之后通过jquery实现动态加载元素只翻译一次
内容描述:点击加载出来一个选择页面,再通过点击选择页面元素进入具体的内容展示。nn通过点击加载出来的页面内容(该内容未写在html页面,通过js加载),我通过on()在点击之后调用了自己的translate方法。但是下一次点击它会将已经翻译好的结果进行翻译。如果我只调用一次翻译方法。该内容又会在点进子页面之后,重新转成英文。n该如何解决该页面点击进行翻译?
jquery:为动态加载的元素添加点击事件
jquery:为动态加载的元素添加点击事件n最近在做项目的时候遇到了这样一个问题,给用ajax动态加载出来的内容添加点击事件,但是怎么都触发不了,经过查询试验总结出正确的写法n在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已经不建议使用,1.9中删除了这个方法nlive()方法适用于匹配选择器的当前及未来的元素(例如有脚本创建的新元素)n重点是自jq
jquery 借助Google Translate API实现网站多国语言翻译功能,
jquery 借助Google Translate API实现网站多国语言翻译功能,
jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
如果在给一个元素绑定事件后,再次绑定事件就会出现多次绑定的情况,此时就会出现多次触发,解决方法我采用的是,在绑定事件前进行解绑,bind绑定的时间用ubbind解绑,其他绑定方法用对应的解绑方法解绑。
谷歌网页翻译时 外语不被翻译如何实现 添加code标签
<ul> <li><code>hello world</code><span>where are you from</span></li> </ul>用chorme浏览器自带翻译功能翻译 添加<code></code>标签...
web页面国际化---之js翻译插件
翻译插件使用cookie获取翻译语音选择rnrnrn初始化需要加载的文件:translation.jsrn其他文件为语音包,如:source.js(中文包) en.js(英文包)rnrnrnrnrn附上代码:rntranslation.jsrn/**n * 翻译插件 版本v1.0n * 创建日期:2015/11/24n * 创建人: 刘鑫n * 功能:n * 1.可以翻译指定位置内的内容(传入指
html使用谷歌翻译出现多余  的 BUG
网页文本ctrl+a放入Geogle翻译中的时候可能会出现如下错误:n<span>被替换为< Span>n<li>被替换为< /li>n<a>被替换为< /a>n然后坑最多的就是:四个空格 会被替换成 不明的tab字符,复制替换nn...
使用代理访问Google翻译接口
lib包见附件rnrn[code="java"]rnpublic class Test {rn public static void main(String[] args) {rn // Set the HTTP referrer to your website address.rn try {rn System.setProperty("http.proxyHost", "i...
jquery动态生成的元素自动执行一次click事件
$(document).ready(function(){ $(".d").live("click",function(){ alert("自动点击链接被点击!"); }); $("#x").append("自动点击!");; $(".d").click(); });注意使用live绑定,动态生成的对象生成之后再执行click
C#谷歌翻译
C#谷歌翻译, 是一个WebBrowser控件调用谷歌翻译网站 http://translate.google.cn 去掉一些无关紧要的元素
计算机组成原理(上) | 第1章测试
1单选(1分) n以小规模集成电路为主要器件的是_ nA.第一代计算机 nB.第三代计算机 nC.第四代计算机 nD.第二代计算机答案:B2单选(1分) n下列器件中,_是16位处理器 nA.Intel P6000 nB.Intel 80486 nC.Intel core I7 nD.Intel 8086答案:D3单选(1分) n将要执行的程序的入口地址,应存放在下列哪个寄存器中_ nA.PC nB
谷歌浏览器 一律不翻译英语 恢复
nn当一步小心点到了一律不翻译英语或者一律不翻译此网站时,来到该目录C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default(根据自己实际目录来),找到preferences文件,删除,启动谷歌浏览器即可nn注:以上步骤需要先关闭谷歌浏览器nn ...
调用百度api翻译英文网页
#!/usr/bin/pythonnimport urllib.requestnimport urllib.parsenimport urllib.responsenimport osnimport sysnimport bs4nimport randomnimport wxnndef getTransText(in_text):n q = in_textn fromLang = 'a...
多语言 js插件
由于最新版的jquery.i18n.properties有问题,特意从google下载稳定的老版,这个zip包已包含原版和minified版
我的前端页面国际化的三种尝试(谷歌搜索、translater.js、 jquery i18n)
我的页面国际化的三种尝试 (谷歌搜索、translater.js、 jquery i18n)n本文为原创,转载请附加我的博客链接,谢谢。 n我做的项目突然要做国际化,作为一个小白我做了很多尝试,并取得了一些结果。希望这篇博客能够帮到你。 n一、第一种设想直接把谷歌翻译的插件引入页面,再使用jquery进行插件的语言切换,这个方案有几个问题: n1、 插件初始化就需要一些时间
利用Google翻译实现网站国际化——js插件
先说背景nn网站已经使用常见的方式实现中英国际化,即每种语言写一套对应的语言文件,但后期要求实现多国语言国际化,如果还按照之前的方式,工作量大。n 且不便于维护,某个词改了统统都要改。n因此有没有一种简单易用的及时翻译插件,类似于谷歌浏览器自带的翻译工具那种,一点即可全文翻译。nn最后在网上找到了一些,要么没有文档介绍,要么就需要npm安装,nodejs支持啥的,但是我对前端并不精通,就继续找,最...
jquery click点击一次执行多次解决方法
nn问题:nn假如我添加了3次,点击其中一个移除按钮的时候总是出现3次确认框.nn假如我添加了5次,点击其中一个移除按钮的时候总是出现5次确认框.nn烦都烦死啦~~~nn nn网上找到了一个好的方法:解除绑定,具体使用如下nnn$('.move_parameter').unbind('click').click(function () {n //这里面再执行其它代码就行了.n});nnn在每...
外贸网站必备的2款翻译js插件
我一般用google翻译,代码如下:<div id="google_translate_element"></div><script>function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'zh-CN',layout: google....
动态获取数据点击事件不生效的解决办法
html:nn nnn<div class="list-click">点击我</div>nncss:nn nn nnn.list-click {n cursor: pointer;//IOS失效时给点击的元素添加这个属性n}nnnscript:nn nn nnn$(document).on('click',".list-click",function(e){ n ...
.trigger("click")默认进入页面时执行此方法
1 $(document).ready(function(){ $("input").select(function(){ $("input").after("文本被选中!"); }); $("button").click(function(){ $("input").trigger("select"); }).trigger("click");n2 .trigger("click");为默认进
google翻译网页不错
在chrome浏览器里看英文网页点右键【翻译中文(简体)】,就翻译成中文了:点地址栏最后的那个图标可以显示原文:可见是通过translate.googleapis.com来翻译的,不能上google.com也能翻译...
jq动态添加的元素使用on()无法绑定click事件解决方法
$(".tags .btn_confirm").click(function(){n var text = $(this).text();n //添加的a元素n var node = $("<a href='#' class='test btn_confirm'>"+text+ "<span class='remove'>...
推荐一个文献下载神器!免费英文文献网站还能直接翻译
每到设计课题、写基金或者毕业论文的时候,大家想必都会查阅大量文献。但是很多文献我们就只能看个摘要,没法下载全文,只因为学校或者单位没有购买数据库。更有甚者,为了写论文、做科研,还要自己花钱去下载,而且还不便宜。rn文献查不好,科研很难搞!西湖的水,研究生的泪!看不完的文献,做不完的实验。rnrn今天就给你看点开心的,让生活充满期待,让科研放松的神器——rn[掌桥科研]rn(http://www.pbsti....
免费论文翻译网站——通天塔
本网站是一个开源的学术论文翻译网站,论文链接如下:nn nnhttp://tongtianta.site/nn nn一般可以先查看自己的论文是否在网站上已有翻译,如果没有再进行“添加翻译”nn nn该网站有两个功能nn第一:免费翻译nn可以免费翻译论文,论文页数不能超过50页,论文最好以下载链接的形式上传,这两点在"添加翻译"页面会有提示,如下图所示:nn nnnn nn第二:全部开源nn上传的论...
利用Python爬取翻译网站的翻译功能
现在我想分享一个利用Python技术,爬取一个翻译网站的翻译功能的小代码。n首先隆重介绍我们今天将要爬取的网站:http://fy.iciba.com/n咱们用Python中的urllib模块的功能进行爬取nn众所周知,在爬虫的准备工作中我呢吧需要确定咱们爬取网站的urln那么,这个翻译网站的url如何确定呢?n我们进入网站,并单击F12打开开发者工具(这里我们用的谷歌浏览器)nn这个网站的翻译功...
关于jquery动态加载li时点击事件无法加载的问题
一开始做个操作栏,如图:rnrn点击角色管理,弹出下拉框,在点击收起,点击增加角色,会通过iframe加载页面,页面样式为:rnnn n n n 角色管理n n n n n n n n 增加角色n n n n n n 模块管理n
使用ajax动态加载html元素时,onclick事件失效
原因:ajax动态加载之前js就加载完了,事件没有绑定到动态生成的dom元素上。n问题:使用on事件,$('#btn').click(function(){})绑定无效n解决方案:使用on绑定事件。$(document).on('click','#btn',function(){})...
爬虫实战爬取有道翻译
【1701H1】【穆晨】【180127】第109天总结rn图片也是文件,也是用二进制数据组成的,用wb写入rn写了一个爬取placekitten网站的一张猫图的代码rnrnrnrnrnurlopen后面可以是字符串也可以是地址,详情docs里面搜索rn这是后面加地址的rnrn这是后面加字符串的rnrnrnrngeturl获取的是具体的地址rnrnrninfo获得是HTTPMessage的一个对象,
用Java做一个及时翻译工具
平时看英文文档或者查询资料的时候,遇到了不懂的单词,就要去百度,然后就会很麻烦。于是就想到用Java写一个及时翻译的小工具!预期的实现效果: n双击选中一个单词,按下Ctrl+C进行复制 n然后马上显示出对应单词的中文翻译首先基本思路是这样的:n n 首先获取系统剪切板的内容n 将该内容发送到网页上,然后获取网页的源码,查找到对应的中文解释n 将中文翻译显示出来n n以上就是基本的思路!但
网页翻译
浏览外国网站,那一大坨的英文看得真的是眼花缭乱,看一两段还好,看个一页,头都大了,之前就想找一个翻译插件。nn我平常用的是某狐浏览器,因为他的开发者模式我很喜欢。nn现在我们开始为浏览器附加插件。nn n n n  n n找到自己喜欢的一款翻译插件。nn最后安装即可。nn为了方便我还安装了一款在线密码管理器和表单过滤器...
在自己的网站中使用Google翻译工具
之前做 J2EE 开发时,国际化总是很麻烦的一件事。倒不是不好做。昨天在浏览[url="http://www.w3schools.com/"] W3Schools 的 HTML5 [/url]部分时看到网页上有个 Google 提供的翻译功能.这样可以简单的实现国际化的功能,当然想更好的话还是要去按照 Java 规范自己实现国际化。rnrn[url="http://translate.google...
记一次jq的click点击事件累加执行的解决方案
最近工作项目中出现了这个问题,在不刷新页面的时候再点击click事件既然累加执行了。网上找了很多方案都没解决,最后无奈只能每次执行之后都刷新页面,但是这样的体验是非常差的。今天有空闲来就再找解决方案,最后终于有个好的解决方法了。n之前有网友有提过用$("#box").one("click",function(){ }),但是对于我那个项目好像不行,n最后用了nnn$("#box").unbind(...
谷歌浏览器试调网页 多出font标签
n n n 突然发现一些按钮的点击功能失效,在控制台发现该a标签中多出个font标签,导致文字区域不能触发到a标签 就算a标签宽高设置百分百 也没用。经测试不同的浏览器情况不一样 safari就不会出现这种情况原因:在html头部申明的时候是这样写了<html lang="en"> ,导致浏览器自动去翻译这个页面成英文,翻译的过程中会自动的给所有的文本套上...
jQuery动态添加多个元素后,绑定事件全部触发的解决办法
这个解决办法非常简单,而且我也深深地意识到这篇文章不会写太长,因为真的很简单。n首先来看一下例子:nfor (var i = 0; i < 5; i++) {n $tr += "" + "" + (i + 1) + ""n //此处是非关键代码n + ""n + "<input type='button' name='pa
js利用google翻译接口把网页翻译成各国语言
利用JS实现网页的在线自动google翻译
Jquery点击事件只触发一次的解决方法
方案一:nnnn&amp;lt;script&amp;gt;n$(function () { n$(&quot;#all&quot;).click(function(){ n if(this.checked){ n $(&quot;#list :checkbox&quot;).attr(&quot;checked&quot;, true); n }else{ n $(&quot;#list :checkbox&quot;).att...
Python 爬虫 :简单的爬有道翻译
import urllib.requestnimport urllib.parsenimport jsonnwhile True :nn content = input("请输入需要翻译的内容:(按q退出)")n if content == 'q' :n breakn url = 'http://fanyi.youdao.com/translate?smartres
如何进行图片在线翻译
图片我们见得也是比较多的,图片中的文字信息我们想翻译出来需要怎么操作呢?不要着急,下面小编就为大家分享一种在线进行图片翻译的操作。nn1:在浏览器搜索迅捷在线翻译,点击进入到网站的首页。nnnn2:在网站首页找到源语言记忆目标语言,将这两个选项更改至自己需要的语言。nnnn3:找到选择文件,选择需要进行翻译的图片文件,可以进行添加多个图片。nnnn4:点击开始翻译,你需要进行翻译的图片就会在翻译的...
基于谷歌、百度、腾讯等翻译接口的翻译实现源码
一种小型的翻译集合工具,支持的翻译来源谷歌、百度、腾讯、金山、有道、欧米翻译
有关360浏览器的谷歌网页翻译的问题?
最近发现了360浏览器里有个谷歌翻译功能,但是找到了不能用,后来有尝试了试360极速浏览器(这两个浏览器是不一样的),可以用。现在来具体讲一下:例子:鸟哥的Linux官网我的目的是,把繁体字翻译成简体字。用360浏览器翻译的谷歌翻译如下网页根本打不开,而用有道翻译可以翻译:发现自动就翻译成英文了,根本就没有“繁体中文”翻译成&quot;简体中文&quot;.而用360极速浏览器则自动就翻译成“简体中文”了。谷歌翻译后...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 物联网专业英语教程翻译 python学习手册翻译