在javascript中页面加载后如何在锚标记上触发onclick事件 [英] How to trigger onclick event on an anchor tag after page load in javascript

查看:86
本文介绍了在javascript中页面加载后如何在锚标记上触发onclick事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用html文档,因为我有一个导航菜单.我想在onload()的家庭导航中触发click事件,我写了一些东西,但是无法正常工作,我无法找到解决方案,请帮我解决这个问题

I was working with an html document in that i've a navigation menu. i want to trigger a click event on the home navigation in onload() iw wrote something but it wont work and i couldn't find a solution on this some one please help me to fix this

代码

<html>
<head>
<nav id="navigation" class="navigation" role="navigation" itemscope="" itemtype="http://schema.org/SiteNavigationElement">

        <ul id="navigation-primary" class="navigation-primary"><li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-29"><a href="http://example.com/">Home</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://example.com/events/">Gigs</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="http://example.com/videos/">Videos</a></li>
<li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="http://example.com/gallery/">Gallery</a></li>
<li id="menu-item-149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-149"><a href="http://example.com/about-us/">Bio</a></li>
<li id="menu-item-477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-477"><a href="http://example.com/media-kit/">Media Kit</a></li>
<li id="menu-item-514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-514"><a href="http://example.com/contact-us/">Contact Us</a></li>
</ul>
    </nav>
    <head>
    <body>
    fsfsfsfdfs
    sfdgdfg
    sgvsdfg
    dfbd
    b
    xcfb
    dcf
    bcb
    vb
    cvb
    cvbc
    bvc
    bc
    bnc
    bcb
    cb
    cb
    c
    </body>
    <script type="text/javascript">
    window.onload = function(){
          $(document).ready(function(){
 $("#menu-item-29").children.trigger('click');
});
        };

    </script>
    </html>

推荐答案

如果您要重定向模拟锚点的用户,请调用本机DOM click方法:

If you want to redirect user simulating anchor click, then call native DOM click method:

$("#menu-item-29").children('a').get(0).click();

这篇关于在javascript中页面加载后如何在锚标记上触发onclick事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆