如何触发锚标记通过单击另一个锚标记驻留在页面上

Question

我有模型，我有两个链接点击并单击1弹出后面点击，我想在用户点击click1时触发弹出窗口我该怎么做。 锚标签在这里。

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

我为它编写的脚本。

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

Answer 1

如果您想保留HTML代码，请将其更改为以下代码：

<script type="text/javascript">
$("a[href=#modal1]").click(function(){
    $("a[href=#modal]").trigger("click");
});
</script>

或者，如果您想保留JS代码，请将HTML更改为以下代码：

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

第二种变化具有更好的性能。

Answer 2

不完全确定你想要做什么，但无论如何我都会试一试：

假设您有以下标记：

<a href="#" id="modal1">Modal 1</a>
<a href="#" id="modal2">Modal 2</a>

现在据我所知，你想通过点击第一个来触发第二个锚点上的点击事件。 这里是：

$("#modal1").on("click", function(e) {
    $("#modal2").click();
    e.preventDefault();
});

$("#modal2").on("click", function(e) {
    alert("MODAL 2 CLICKED");
});

这是一个试图证明它的小提琴 。

如果你正在寻找一种通过点击Modal1重定向到Modal2的方法，只需通过调用click事件就行不通。 如果是这种情况，您需要寻找不同的方法，也许阅读href属性并将用户重定向到URL。

Answer 3

好吧，这么简单就像这样给第二个链接分配一个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，我希望它能工作。