Question

<!DOCTYPE HTML><html><head><title>Test</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
$('.todoitem').click(function() {
alert('ok');
}).click();
</script>

</head>

<body>
<h1>25 Feb 2011</h1>
<h3>ABC</h3>
<ul>
<div>
<a href="http://www.barnsley-chronicle.co.uk" class="todoitem">I want to click here</a>    </div>
</li>
</ul>
</body>
</html>

我很困惑。我需要做的就是点击class =“todoitem”中的链接。

我做错了吗？

Answer 1

要自动点击，您应该这样做：

$('.todoitem').click();

以下是JSFiddle中的示例。

Answer 2

您正在指定onClick功能以链接您的代码，您想要执行$(".target").click();

顺便说一句，在Google上找到“jquery点击链接”的第一个链接

Answer 3

这不是设置“自动点击”。 $('.todoitem').click()会做你想要的。

你实际上是在设置一个监听器。因此，如果您单击.todoitem，它将会执行该操作。

$('.todoitem').click()

是您正在寻找的功能。

如果您需要设置监听器并自动点击，则可以

$('.todoitem').click(function() {
    alert('ok');
}).click();

Answer 4

你总是可以做一个window.location =“”;页面加载后。

Answer 5

试试这个：

$(document).ready(function(){
    $(".todoitem").click(function() {
        alert('Item selected');
        return false;
    });
});

否则您没有时间看到'Item selected'消息，因为在显示消息后，浏览器会立即转到链接中指定的URL。上面的代码在执行alert()后取消了事件处理。

要自动点击该链接，请使用click()方法，就像这里提到的很多人一样：

$(document).ready(function(){
    $(".todoitem").click();
});

Answer 6

试试这个：

    <!DOCTYPE HTML><html><head><title>Test</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".todoitem").click(function() {
        alert('Item selected');
        window.location = $(this).attr("href");
    });

    $(".todoitem").click();
});
</script>
</head>
<body>
<h1>25 Feb 2011</h1>
<h3>ABC</h3>
<ul>
<div>
<a href="http://www.barnsley-chronicle.co.uk" class="todoitem">I want to click here</a></div>
</li>
</ul>
</body>

http://jsfiddle.net/Z72Xh/

为什么这个Javascript自动点击不起作用？

6 个答案: