将页面上的动作单击事件重定向到页面的锚点

罗伯特·沃库(Robert Voicu)

所以我有一个带有多个LI的UL标签,每个LI都有自己的UL。在台式设备上,第二个UL通过悬停在第一级LI上来显示“阻止”。但是在移动设备上,我想点击一下。

在标题中,我有一个“联系我们”按钮,该按钮会触发该LI上的单击事件,因此出现“联系我们”文本,仅当此情况发生在带有“联系人”字段的页面上,但如果我在另一个页面上时,此方法才能正常工作我不知道如何定位该页面并对其进行点击操作。

我认为这类似于检测URL中的链接,如果之后有一个哈希标签,则将该标签在页面中找到,如果找到它,则在其上进行Click事件。

但是我真的不知道如何编写代码。

HTML结构如下所示:

<div id="ClickForContact">Contact Us</div>



<ul>
  <li>
     <a>Something else</a>
  </li>
  <li>
    <a id="contact">Contact</a>
    <ul class="subMenu" >
        <li>
            <p>Some text here and there.</p>
        </li>
    </ul>
   </li>
 </ul>

http://jsfiddle.net/QkB9T/1/

那么有什么帮助吗?

罗伯特·沃库(Robert Voicu)

在页面上,联系按钮是我制作的此javascript:

<script type="text/javascript">
$(document).ready(function(){
    var url = window.location.hash;
    var hash = url.substring(url.indexOf('#')); // '#foo'
    if(hash == '#contactUs'){
        setTimeout(function(){
            $('#contactUs').click();
            window.clearTimeout();
        },500);

    }
});
</script>   

在标题中:

<a href="<? echo base_url . '#contactUs'; ?>">Contact</a>

灵感来自于这篇文章:获取URL哈希位置,并在jQuery中使用它

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使点击 div 重定向到另一个页面的锚点

来自分类Dev

将HTML单击重定向到其他页面的特定区域

来自分类Dev

将HTML单击重定向到其他页面的特定区域

来自分类Dev

301将HTTPS重定向到单个页面的HTTP

来自分类Dev

301将HTTPS重定向到单个页面的HTTP

来自分类Dev

每个页面上的登录表单或重定向到页面的表单

来自分类Dev

表单提交后重定向到同一页面中的锚点

来自分类Dev

使用jQuery中的按钮或锚点重定向到另一个页面

来自分类Dev

没有单击事件触发页面时如何停止重定向到页面

来自分类Dev

导航到其他页面上的锚点

来自分类Dev

如何将用户重定向到通知页面上的单击

来自分类Dev

单击重定向到其他页面的“提交”按钮时,如何打开Bootstrap模式?

来自分类Dev

如何重定向到另一个页面并同时调用此新页面的事件?

来自分类Dev

滚动页面到锚点

来自分类Dev

使用#将页面重定向到网址

来自分类Dev

在按钮单击事件中,我的页面未重定向到 admin.aspx

来自分类Dev

Django 将重定向重定向到更改 url 的页面

来自分类Dev

将 WordPress 页面重定向到 HTTPS - 不重定向

来自分类Dev

如何重定向到HTML页面的特定部分

来自分类Dev

重定向到同一页面的问题

来自分类Dev

重定向到显示页面的Rails表单

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

如何在ASP C#上打开新选项卡,然后将焦点停留在当前页面上,然后单击按钮将当前页面重定向到另一个页面?

来自分类Dev

将多个旧页面重定向到新页面

来自分类Dev

将产品页面重定向到prestashop中的类别页面

来自分类Dev

使用htaccess将ASP页面重定向到php页面

来自分类Dev

将静态页面重定向到动态页面

来自分类Dev

htaccess将所有页面重定向到单个页面

Related 相关文章

  1. 1

    如何使点击 div 重定向到另一个页面的锚点

  2. 2

    将HTML单击重定向到其他页面的特定区域

  3. 3

    将HTML单击重定向到其他页面的特定区域

  4. 4

    301将HTTPS重定向到单个页面的HTTP

  5. 5

    301将HTTPS重定向到单个页面的HTTP

  6. 6

    每个页面上的登录表单或重定向到页面的表单

  7. 7

    表单提交后重定向到同一页面中的锚点

  8. 8

    使用jQuery中的按钮或锚点重定向到另一个页面

  9. 9

    没有单击事件触发页面时如何停止重定向到页面

  10. 10

    导航到其他页面上的锚点

  11. 11

    如何将用户重定向到通知页面上的单击

  12. 12

    单击重定向到其他页面的“提交”按钮时,如何打开Bootstrap模式?

  13. 13

    如何重定向到另一个页面并同时调用此新页面的事件?

  14. 14

    滚动页面到锚点

  15. 15

    使用#将页面重定向到网址

  16. 16

    在按钮单击事件中,我的页面未重定向到 admin.aspx

  17. 17

    Django 将重定向重定向到更改 url 的页面

  18. 18

    将 WordPress 页面重定向到 HTTPS - 不重定向

  19. 19

    如何重定向到HTML页面的特定部分

  20. 20

    重定向到同一页面的问题

  21. 21

    重定向到显示页面的Rails表单

  22. 22

    使用锚点更改页面的内容

  23. 23

    使用锚点更改页面的内容

  24. 24

    如何在ASP C#上打开新选项卡,然后将焦点停留在当前页面上,然后单击按钮将当前页面重定向到另一个页面?

  25. 25

    将多个旧页面重定向到新页面

  26. 26

    将产品页面重定向到prestashop中的类别页面

  27. 27

    使用htaccess将ASP页面重定向到php页面

  28. 28

    将静态页面重定向到动态页面

  29. 29

    htaccess将所有页面重定向到单个页面

热门标签

归档