Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在弹出窗口关闭后重置脚本?_Javascript_Jquery_Popup - Fatal编程技术网

Javascript 如何在弹出窗口关闭后重置脚本?

Javascript 如何在弹出窗口关闭后重置脚本?,javascript,jquery,popup,Javascript,Jquery,Popup,让我尽量解释清楚: 我正在使用Wordpress插件(Popup Maker-PUM)在我的网站上显示歌词。基本上,你使用插件创建一篇文章,然后设置你想让它们工作的页面(如果不是全部),然后在该页面中使用一个短代码,因此当有人访问它时,他们只需单击由短代码创建的链接,就会出现一个弹出窗口。非常简单。我在同一个页面上列出了每个专辑中的所有歌曲,因此我在一个页面中有多个弹出窗口。它很好用 但是我想在同一个弹出窗口中显示歌词翻译成另一种语言。基本上,只要点击一个按钮,它就会显示翻译后的歌词,然后你可以

让我尽量解释清楚:

我正在使用Wordpress插件(Popup Maker-PUM)在我的网站上显示歌词。基本上,你使用插件创建一篇文章,然后设置你想让它们工作的页面(如果不是全部),然后在该页面中使用一个短代码,因此当有人访问它时,他们只需单击由短代码创建的链接,就会出现一个弹出窗口。非常简单。我在同一个页面上列出了每个专辑中的所有歌曲,因此我在一个页面中有多个弹出窗口。它很好用

但是我想在同一个弹出窗口中显示歌词翻译成另一种语言。基本上,只要点击一个按钮,它就会显示翻译后的歌词,然后你可以随意切换回原来的歌词。下面是我使用的确切代码:

jQuery(文档).ready(函数($){
$('.button').first().addClass('active');
$('.button')。单击(函数(){
var$this=$(this);
$SISTERS=$this.parent().children(),
position=$sides.index($this);
console.log(位置);
$('.contem div').removeClass('active').eq(position).addClass('active');
$sides.removeClass('active');
$this.addClass('active');
})
});
body{背景:#eee}
popmaker先生{
填充:50px;
背景:#fff
}
.纽扣包装{
宽度:100%;
文本对齐:居中
}
.纽扣包装.纽扣{
显示:内联块;
利润率:0.5vw;
填料:5vw 1.5vw;
背景色:#7e29ce;
颜色:#fff;
字体大小:calc(.75em+.1vw);
文本转换:大写
}
.button wrap.active{背景色:#0a79e5}
.contem{margin top:30px}
div[class*=“contem-”]{display:none}
div.active{display:block}

原文翻译
起初的
歌曲
歌词
翻译
歌曲
歌词