Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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 如何共享弹出窗口的url?_Javascript_Jquery_Html_Xml - Fatal编程技术网

Javascript 如何共享弹出窗口的url?

Javascript 如何共享弹出窗口的url?,javascript,jquery,html,xml,Javascript,Jquery,Html,Xml,我找到了一个将xml数据加载到弹出框的代码。我尝试共享弹出框的URL。但代码不支持共享URL。当尝试在新选项卡中打开弹出窗口的URL时,需要直接显示弹出窗口。如何实现代码 这是我找到的代码 $(文档).ready(函数(){ $.ajax({ 键入:“获取”, url:“data.xml”, 数据类型:“xml”, 成功:xmlParser }); }); 函数xmlParser(xml){ xml=$(xml.children(); 让total=$(xml).children().leng

我找到了一个将xml数据加载到弹出框的代码。我尝试共享弹出框的URL。但代码不支持共享URL。当尝试在新选项卡中打开弹出窗口的URL时,需要直接显示弹出窗口。如何实现代码

这是我找到的代码

$(文档).ready(函数(){
$.ajax({
键入:“获取”,
url:“data.xml”,
数据类型:“xml”,
成功:xmlParser
});
});
函数xmlParser(xml){
xml=$(xml.children();
让total=$(xml).children().length;
$(xml).children().each(函数(idx){
let tag=$(this.prop(“标记名”);
设nextix=idx+1;
设prevIdx=idx-1;
//循环
nextIdx=nextIdx==总计?0:nextIdx;
prevIdx=prevIdx==-1?(总数-1):prevIdx;
让图像=“”+“”;
让head=''+$(this).find(“head”).text()+'';
让html=`
`;
让弹出窗口=`
${head}
${image2}
`;
$(“#xmldata”).append(html);
$(“#弹出”)。追加(弹出);
});
}
.overlay{
位置:固定;
排名:0;
底部:0;
左:0;
右:0;
背景:rgba(0,0,0,0.7);
过渡:不透明度500ms;
可见性:隐藏;
不透明度:0;
}
.覆盖:目标{
能见度:可见;
不透明度:1;
}
.弹出窗口{
利润率:70像素自动;
填充:20px;
背景:#fff;
边界半径:5px;
宽度:30%;
位置:相对位置;
过渡:所有2个易于输入输出;
}
.弹出.关闭{
位置:绝对位置;
顶部:20px;
右:30px;
过渡:所有200ms;
字体大小:30px;
字体大小:粗体;
文字装饰:无;
颜色:#333;
}
.popup.content{
最高高度:30%;
溢出:自动;
}
.缩略图像{
宽度:100%;
身高:272px;
背景尺寸:封面;
背景重复:无重复;
背景位置:50%20%;
垂直对齐:中间对齐;
职位:继承;
}
.以前的{
背景色:#000;
颜色:白色;
填充:8px 16px;
}
.下一个{
背景色:#000;
颜色:白色;
填充:8px 16px;
}
.轮{
边界半径:50%;
}

您可以使用url哈希来共享弹出式url


我已经更新了您的一点,请检查并让我知道,每次单击链接打开弹出窗口时,它都会更新您的窗口哈希,您可以将该url共享给任何将直接打开图像弹出窗口的人。

您可以使用url哈希来共享弹出url


我已经更新了你的一点,请检查并让我知道,每次你点击链接打开弹出窗口时,它都会更新你的窗口哈希,你可以将该url分享给任何直接打开图像弹出窗口的人

你的答案是完美的。谢谢。。!我可以自动禁用hash enable对话框吗?我不明白,请解释一下,当我试图打开弹出窗口时,浏览器总是显示一个对话框。我怎样才能自动禁用该对话框?哦,实际上我已经放置了警报,向您显示窗口url(例如您的共享url的外观),您可以删除它,找到警报(window.location.href);把它放进去,把它拿走。你的答案很完美。谢谢。。!我可以自动禁用hash enable对话框吗?我不明白,请解释一下,当我试图打开弹出窗口时,浏览器总是显示一个对话框。我怎样才能自动禁用该对话框?哦,实际上我已经放置了警报,向您显示窗口url(例如您的共享url的外观),您可以删除它,找到警报(window.location.href);把它放在那个垃圾桶里,把它拿走。