![](/img/trans.png)
[英]how to add onclick event on anchor tag that is generated with javascript?
[英]How to trigger onclick event on an anchor tag after page load in javascript
我正在使用html文檔,因為我有一個導航菜單。 我想在onload()的家庭導航中觸發點擊事件,但我寫了一些東西,但無法正常工作,我無法在此找到解決方案,請幫我解決這個問題
碼
<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方法:
$("#menu-item-29").children('a').get(0).click();
使用$(document).ready
時不要忘記包含JQuery源。
而且children()
是一個函數。 查看文檔: http : //api.jquery.com/children/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.