javascript - 如何通过单击另一个 anchor 标记来触发驻留在页面上的 anchor 标记

标签 javascript jquery

我有一个模型,其中有两个链接 click 和 click1,弹出窗口在 click 后面,我想在用户单击 click1 时触发弹出窗口,我该怎么做。 anchor 标签在这里。

 <a href="#modal">Click</a>
    <a href="#modal1">Click1</a>

还有我为它写的脚本。

 <script type="text/javascript">
    $("#model1").click(function(){
     $("#model").trigger("click");
        });
    </script>

最佳答案

好吧,为第二个链接分配一个 id 就这么简单。

<a href="#modal">Click</a>
<a href="#" id=modal1>Click1</a>

并为其编写 javascript。

<script type="text/javascript">

    $("#modal2").on("click", function(e) {
    location.href = "#modal";
    e.preventDefault();
});
</script>

因为据我所知,弹出窗口是在第一个链接 href 之后加载的,所以为什么我们不将第二次点击重定向到弹出窗口所在的第一个链接 href,我希望它会起作用。

关于javascript - 如何通过单击另一个 anchor 标记来触发驻留在页面上的 anchor 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21809074/

相关文章:

jquery - 如何清除 Bootstrap 验证成功(或失败)类和图标?

javascript - jQuery 循环内容轮播 "ca-content-item"宽度

javascript - VueJS2 和 Window 对象 - 如何使用?

javascript - 重定向到带有参数的页面

javascript - 按照 firebase 文档,.update 仍在覆盖

javascript - Meteor:按文本属性删除不起作用

javascript - 将特定字符串添加到对象数组中具有条件的对象数据

通过自定义属性值和元素类型的 JQuery 选择器

javascript - 如果 div 为空,则添加警报

javascript - 将参数从 UI 传递到后端的最佳方式