我刚刚创建了一个脚本,当我尝试在文档加载时自动单击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的初学者。在此先感谢,如果有任何其他方法,请提出建议。
答案 0 :(得分:2)
$('button.linkProxy')
将使用类<button>
来搜索linkProxy
个元素
因为你的html中没有<button>
,所以不会匹配任何元素。
您需要使用类<a>
定位linkProxy
代码,如下所示:
$(document).ready(function(){
$('a.linkProxy').click(function(){
location.href = $('#' + $(this).attr('rel')).attr('href');
});
$('a.linkProxy').trigger('click');
});
另请注意,rel
中没有html
属性,因为您尚未对其进行解释,因此您尝试使用该属性问题......
答案 1 :(得分:0)
听起来你想要重定向。 “自动点击”就是这样。
您可以尝试以下两种方法之一来模拟页面加载时的“自动点击”。
window.location.replace("http://stackoverflow.com");
window.location.href = "http://stackoverflow.com";
答案 2 :(得分:-1)
尝试:
<script type="text/javascript">
$(document).ready(function(){
$('button.linkProxy').click(function(){
location.href = $('#' + $(this).attr('rel')).attr('href');
});
$('button.linkProxy').trigger('click');
});
</script>
您刚刚在代码中定义了如何解释点击事件,您实际上没有实现&#34;点击&#34;。