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>

据我所知，您希望通过单击第一个来触发第二个锚点上的click事件。这是：

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

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

这是fiddle尝试演示它。

如果您正在寻找通过调用click事件无法正常工作而点击Modal1重定向到Modal2的方法。如果是这种情况，您需要寻找不同的方法，也许阅读href属性并将用户重定向到网址。

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，我希望它能够正常工作。

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

3 个答案: