javascript - 根据页面的当前 url 打开一个新窗口

标签 javascript jquery ajax wordpress button

从表面上看,我正在尝试制作一个按钮或链接,其目标取决于当前页面的 URL。我正在开发一个在 Ajax 窗口中打开不同项目的 Wordpress 投资组合网站,但我也希望能够从该窗口链接到单独的项目页面。例如,如果我单击标题为“Blue”的项目的缩略图,它会在 ajax 窗口中打开该项目,并且 url 会更改为“www.website.com/#blue”。顺便说一句,相应项目页面的 url 将是“www.website.com/projects/blue”。我的想法是将按钮硬编码到 Ajax 窗口中,并编写一个脚本来为项目页面生成正确的 URL,这样我的客户就不必在每次发布时都复制粘贴按钮的代码并更新目标 URL。项目。这是我想出的,但我对 Jquery 或 Javascript 不是很好,我认为我的语法或脚本结构可能有问题。现在,当我按下按钮时没有任何反应。

首先它在每个“/”处拆分 url 并从不同的字符串创建一个数组,然后从唯一字符串中删除“#”,并打开一个包含新地址的新窗口。

编辑 有一些语法错误,但仍然无法正常工作。对这个新版本的任何想法:

$(".comment_button").click(function(){
var parse_url = window.location.href.split('/');
var project_name = parse_url[2].replace("#", "");
window.open("http://www.balletinform.com/projects/" + project_name);
});

最佳答案

尝试使用 a 元素?,带有 target="_blank" 属性?

<a id="blue" href="www.website.com/projects/blue" target="_blank">blue</a>

关于javascript - 根据页面的当前 url 打开一个新窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32684873/

相关文章:

javascript - 悬停时另一个 jQuery slider 暂停

javascript - If (Internet == available) in HTML5 app manifest offline app

javascript - JQuery DataTables 对象键作为行

javascript - jquery 函数被调用两次

javascript - 动态网站JS框架

javascript - 在 javascript 中使用 promises - 只访问服务器一次

javascript - 使用 jquery 清除未聚焦的输入

javascript - jQuery UI 获取 LI 元素在 UL 中的排序位置

javascript - 加载时关闭树切换

javascript - jquery 如何根据内容减少 textarea 中的列数