如何从javascript或jquery中单击锚标记

Question

有一个锚标记，试图从javascript中点击它但没有响应，在加载页面时它应该转到next.php而不用手动点击锚标记。我可以存档吗？

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery-2.0.3.js"></script>
    <script type="text/javascript">
         alert("hai");
         $(document).ready(function() { $('#about').click(); });             
    </script>
</head>   
<body>
    <div>
         <a href="next.php" id="about">click here</a>
    </div>
</body>
</html>

Answer 1

使用$('selector')[0] ，因为$('selector')返回一个jQuery对象，所以$('selector').click()将触发click处理程序，而$('selector')[0].click()会触发实际点击。

$(document).ready(function () {
    $('#about')[0].click();  //$('#about').get(0).click();
});

演示

Answer 2

您无法使用javascript来触发点击事件

它应该使用

<script type="text/javascript">
       $(document).ready(function() { 
             document.location.href='/next.php'
       });
</script>

Answer 3

这是可以帮助您的代码

 $(document).ready(function() { $(document).ready(function() { $('a').trigger('click'); }); }) function abc() { alert(""); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="#" onclick="abc()">click me not</a>

如果你想要推荐的方式，那么在$（document）.ready中使用它

window.location="where ever you want to go";

Answer 4

如果你想让页面转到next.php而不点击，那么将window.location直接放入$(document).ready(function() { });

当您想要触发click事件时，使用Click()函数。 即。 当您想要在单击锚标记时触发某些操作时。

<script>
   alert("hai");
   $(document).ready(function() { 
      window.location = 'next.php';  //If you wish the page to automatically go to next page on page load.
      $('#about').click(   // If you wish to do something clicking anchor
        function(){
           alert("Hello");
        }); 
      });
</script>

Answer 5

$(document).ready(function() { $('#about').trigger('click'); });

更新：

 $(document).ready(function() {  $('#about')[0].click(); });

如何从javascript或jquery中单击锚标记

问题描述

5 个解决方案

解决方案1
10 已采纳 2015-06-01 04:24:00

解决方案2
2 2015-06-01 04:13:54

解决方案3
1 2015-06-01 04:25:44

解决方案4
0 2015-06-01 04:18:51

解决方案5
0 2015-06-01 04:20:37

如何从javascript或jquery中单击锚标记

问题描述

5 个解决方案

解决方案1 10 已采纳 2015-06-01 04:24:00

解决方案2 2 2015-06-01 04:13:54

解决方案3 1 2015-06-01 04:25:44

解决方案4 0 2015-06-01 04:18:51

解决方案5 0 2015-06-01 04:20:37

解决方案1
10 已采纳 2015-06-01 04:24:00

解决方案2
2 2015-06-01 04:13:54

解决方案3
1 2015-06-01 04:25:44

解决方案4
0 2015-06-01 04:18:51

解决方案5
0 2015-06-01 04:20:37