首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >window.location.href后自动单击按钮

window.location.href后自动单击按钮
EN

Stack Overflow用户
提问于 2017-02-15 03:45:04
回答 4查看 2.6K关注 0票数 1

我的anchor tag上有一个onclick事件,它将用户重定向到特定的页面,并在加载页面后自动单击链接。

这就是我现在拥有的:

代码语言:javascript
运行
复制
var experience_modal = "#experienceModal";

    function experienceModal() {

        window.location.href = "/Resume";
        $(experience_modal).trigger('click');

    };
代码语言:javascript
运行
复制
<p style="margin-bottom: 10px;"><strong><a href="javascript:void(0);" onclick="experienceModal()">Add</a> an Experience</strong></p>

我遇到了一个问题,即触发器属性在重定向到特定页面后无法工作。

请指导我如何解决这个问题。

谢谢你的进阶!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-02-15 03:58:53

在页面加载/重新加载所有js执行停止。这就是为什么您的触发器命令在为location.href分配新的URL之后不运行的原因。你需要让书页以某种方式“交流”。

一种方法是在URL中传递查询字符串:

用户应该单击“添加体验”的页面上的代码:

代码语言:javascript
运行
复制
window.location.href = "/Resume?showExpModal";

简历页上的代码:

代码语言:javascript
运行
复制
$(document).ready( function() {
  // existing code
  // ...
  if(window.location.href.split('?').pop() == 'showExpModal') {
    $(experience_modal).trigger('click');
  }
}
票数 3
EN

Stack Overflow用户

发布于 2017-02-15 03:50:57

window.location.href会触发新的页面加载,这意味着当前页上的任何附加代码都不会被原谅。

我想一种选择是重定向到当前页面,并添加一个查询字符串,然后触发一些条件代码。但这似乎有点令人费解,我建议重新考虑一下你的策略。

试着在离开页面之前执行您的代码..?

票数 2
EN

Stack Overflow用户

发布于 2017-02-15 03:58:30

尝尝这个

代码语言:javascript
运行
复制
var experience_modal = "#experienceModal";

function experienceModal() {
    setTimeout(function() {
       window.location.href = "/Resume";
    })
    $(experience_modal).trigger('click');

};
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42240334

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档