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()会触发点击处理程序，而$('selector')[0].click()会触发实际点击。

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

<强> Demo

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 个答案: