【问题标题】:Automatically Click link on page after loading, based on previous link加载后自动点击页面上的链接,基于上一个链接
【发布时间】:2017-02-16 12:39:06
【问题描述】:

我有一个由几个下拉菜单组成的导航菜单。该菜单是引导导航菜单。每个链接都指向同一页面。下一页“/page”还有其他几个链接。当用户单击导航链接并加载下一页时,我希望它自动单击该页面上具有特定 href 属性的链接。这是我到目前为止得到的,但没有幸运......

jQuery

 $(document).on('click', '.link-1', function(){ 
 $('a[href="#1485519100309"]').click(); 
 });

引导导航栏的 HTML 部分

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="http:/#">Title<span class="caret">
</span></a>
  <ul class="dropdown-menu">
    <li>
    <a class="link-1" href="http://myurlhere/page">Tab Link 1</a>
   </li>
  <li>
  <a class="link-2" href="http://myurlhere/page">Tab Link 2</a>
</li>
 <li>
  <a class="link-3" href="http://myurlhere/page">Tab Link 3</a>
</li>
<li>
  <a class="link-4" href="http://myurlhere/page">Tab Link 4</a>
 </li>
 </ul>

【问题讨论】:

  • 您的示例代码中不包含类“.experience”的文档树元素,我建议您包含所有相关代码,以便任何人都能够回答您的问题。你有任何错误吗?也就是说,尝试在您的 .click() 调用中添加一个“a” - $('a[href="#12341234123"]').click();
  • 这是有效的,但是它只有在我已经在该 /page 上时才有效。如果我在另一个页面上,让我们说主页,然后我点击导航下拉菜单,它仍然会转到 /page,但它没有点击链接。
  • 这很奇怪。您何时/何处包含 jQuery 脚本?也许将代码封装在$(document).ready(function(){your code here});
  • 嗨,我已经这样做了^^!我们可以继续聊天 2 秒吗?谢谢
  • 我其实不知道如何进入这个网站的聊天lol,如果你能弄清楚如何邀请我确定

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

使用类:

$(".link-1").trigger('click');

$("a[href='href-link']").trigger('click');

【讨论】:

  • 但这仅在我已经在该页面上时触发,而不是在我在另一个页面中时才触发。
  • @user1673498 你不能触发像点击你在另一个页面上的另一个页面,因为它不在 DOM 中。事件只能在当前位于 DOM 中的元素上触发。除非你只是重定向到那个链接。
  • 或者@user1673498 那你就要做在$(document).ready(function(){ $("a[href='href-link']").trigger('click'); });
猜你喜欢
  • 1970-01-01
  • 2011-10-26
  • 2023-04-10
  • 1970-01-01
  • 1970-01-01
  • 2016-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多