Question

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

这就是我现在所拥有的：

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

<p style="margin-bottom: 10px;"><strong><a href="javascript:void(0);" onclick="experienceModal()">Add</a> an Experience</strong></p>

我遇到一个问题，即在重定向到特定页面后触发器属性不起作用。

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

先谢谢你！

Answer 1

window.location.href会触发新的页面加载，这意味着当前页面上的任何其他代码都不会受到影响。

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

在离开页面之前尝试执行代码..？

Answer 2

在页面加载/重新加载所有js执行停止。这就是为什么在为location.href分配新URL后没有运行触发器命令的原因。你需要让网页“沟通”。彼此不知何故。

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

用户应该点击的页面上的代码＆＃34;添加体验＆＃34; ：

window.location.href = "/Resume?showExpModal";

简历页面上的代码：

$(document).ready( function() {
  // existing code
  // ...
  if(window.location.href.split('?').pop() == 'showExpModal') {
    $(experience_modal).trigger('click');
  }
}

Answer 3

试试这个

var experience_modal = "#experienceModal";

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

};

window.location.href后自动点击按钮

3 个答案: