Question

如何在页面加载时自动点击链接？我已经尝试了很长时间但是id不起作用。

<link rel="stylesheet" type="text/css" href="leightbox.css" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="leightbox.js"></script>
</head>

<body>


<div class="content">
<p> <a href="#" class="lbOn" rel="pop02">Click here to activate leightbox popup.</a></p>
</div>



<!----------// POPUP (ON CLICK) //---------->
<div id="pop02" class="leightbox">
<a href="#" class="lbAction" rel="deactivate">×</a>

<div class="scrollbox">
<h1>This popup loads upon clicking a trigger link.</h1>
text</div>
</div>

</body>

Answer 1

您尚未提供javascript代码，但此类问题的常见原因并非等待页面加载。请记住，大多数javascript都是在加载DOM之前执行的，因此尝试操作它的代码将无效。

要在页面加载完成后运行代码，请使用$（document）.ready回调：

$(document).ready(function(){
  $('#some-id').trigger('click');
});

Answer 2

首先我尝试使用此示例代码：

$(document).ready(function(){ 
     $('#upload-file').click(); 
});

它对我不起作用。之后，尝试了这个

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

没有变化。最后，尝试了这个

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

解决了我的问题。对任何人都有帮助。

Answer 3

$(document).ready(function(){
   $('.lbOn').click();
});

假设这也可以。

Answer 4

$(document).ready(function(){ 
  $('#some-id').trigger('click'); 
});

做了这个伎俩。

Answer 5

在 jQuery 中，您可以触发这样的点击：

$('#foo').trigger('click');

更多信息：

http://api.jquery.com/trigger/

如果你想使用原型做同样的事情，它看起来像这样：

$('foo').simulate('click');

Answer 6

你想尝试做一个弹出工作吗？我不知道如何模仿点击，也许你可以尝试以某种方式触发点击事件，但我不知道是否可能。由于安全性和隐私问题，很可能没有实现此类功能。

您可以使用div with position：absolute来在同一页面模拟弹出窗口。如果你坚持创建另一个页面，我无法帮助你。也许其他有经验的人会增加15美分。

Jquery或javascript自动点击

6 个答案: