不能触发点击href(强制点击href)

Cannot trigger click on href(forcing href to clicked)

本文关键字:href 不能      更新时间:2023-09-26

我刚刚制作了一个脚本,当我试图在文档加载时自动单击href时,触发器没有发生。我希望href已经被自动点击,但我没有得到触发器。这是我的html

<li style="width: 25%; max-width: 320px; max-height: 200px;">
            <a href="#" class="linkProxy"><img src="index_files/small/shirt-4.jpg" data-largeimg="index_files/large/shirt-4.jpg" /></a>
            </li>
这是我的Jquery
<script type="text/javascript">
$(document).ready(function(){
$('button.linkProxy').click(function(){
    location.href = $('#' + $(this).attr('rel')).attr('href');
});
});
</script>

你能帮助我,因为我是初学者jquery和javascript。提前感谢,如果有其他方法,请建议。

$('button.linkProxy')

将搜索类为linkProxy和的<button>元素将不匹配任何元素,因为没有<button>在你的html。

您需要使用linkProxy类瞄准<a>标记,如下所示:

$(document).ready(function(){
 $('a.linkProxy').click(function(){
  location.href = $('#' + $(this).attr('rel')).attr('href');
 });
 $('a.linkProxy').trigger('click');
});

还要注意,没有rel属性在你的html, idk你想用它做什么,因为你还没有解释它的问题…

听起来你想要重定向。"自动点击"就是这样。

您可以尝试以下两种方法中的一种来模拟页面加载时的"自动点击"。

window.location.replace("http://stackoverflow.com");
window.location.href = "http://stackoverflow.com";

尝试:

<script type="text/javascript">
$(document).ready(function(){
$('button.linkProxy').click(function(){
location.href = $('#' + $(this).attr('rel')).attr('href');
});
$('button.linkProxy').trigger('click');
});
</script>

你只是在你的代码中定义了如何解释点击事件,你实际上并没有做"点击"。