Question

这是我的代码的一个人为的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>    
        <title></title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
        <link rel="stylesheet" type="text/css" href=".css"/>
    </head>
    <body>
        <div>
            <a href="http://www.google.com" class="foo">YahOO</a>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
       <script type="text/javascript">
            $("document").ready(function() {
                $("#foo").trigger('click');
            });
        </script>
    </body>
</html>

我想在页面加载时立即触发链接。以上不起作用，是不正确的？怎么可以这样做？

Answer 1

您在元素上设置了foo类，而不是id，因此您需要使用.foo。另外，正如@JusticeErolin指出的那样，文档就绪处理程序不需要引号。试试这个：

$(document).ready(function() {
    $(".foo").trigger('click');
});

作为参考，$("#foo")会查找包含id="foo"的元素，其中只有一个元素在您的页面中，因为ID应该是唯一的。

$(".foo")会查找class="foo"的元素，您可以根据自己的喜好添加这些元素。

Answer 2

我尝试了很多选项，但我找到了一个对我有用的选项：

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

Answer 3

您必须等到页面上加载控件

将其添加到页面底部

<script>
$(document).ready(function(e){
$("#whateverElement").click();
});
</script>

点击加载jQuery链接

3 个答案: