javascript - 打开链接然后执行 Jquery

Question

我的页脚中有链接，我想链接到我在我的网站上制作的幻灯片的特定部分我目前正在通过

将页脚链接链接到这些部分

 <a href="javascript:showAndScroll(1, 1)">LINK!</a>

在包含内容幻灯片的页面上有效。但是我也希望这些链接在其他网页上有效。我想出了下面的解决方案，在它被重定向到 slider 的页面/ anchor 后加载“showandscroll”

<a id="sem-seo" nohref title="">LINK!</a>

$("#sem-seo").click(function() {
window.location.assign("portfolio.html#anchor2");
$(window).bind("load", showAndScroll(1, 2));
});

但出于某种原因(加载页面正常并转到该部分)它只是不加载 showAndScroll 查询

有什么想法吗？我做了几个小时的研究，今天就此提出了一些问题，但需要截止日期结束，所以需要一个解决方案。

这是着陆页的一个(我希望能够链接到其他页面的不同部分) Fiddle

Answer 1

您的问题是您的代码永远不会执行。

$("#sem-seo").click(function() {
//THIS LINE CAUSES A NEW PAGE TO LOAD
window.location.assign("portfolio.html#anchor2");
//THAT MEANS THIS CODE WILL NEVER BE REACHED
$(window).bind("load", showAndScroll(1, 2));
});

您需要在目标页面上应用您的代码，您不能为除您所在页面之外的任何页面执行 javascript 代码。

此外，不要在处理程序中附加处理程序。如果有人反复点击 #sem-seo，您会将多个 load 处理程序附加到您的 window，这不是您想要的。

更新

我认为这会解决您的问题。在您的原始页面上，将此添加到链接:

 <a id="sem-seo" href="portfolio.html#anchor2?show=true" title="">LINK!</a>

然后在您的目标页面上，添加此脚本:

  $(function(){
       var url = window.location.href;
       if(url.indexOf('?show=true') != -1 || url.indexOf('&show=true') != -1)
            $(window).bind("load", showAndScroll(1, 2));
  });