如何觸發錨標記通過單擊另一個錨標記駐留在頁面上

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