使用jQuery將參數從一個鏈接傳遞到另一個鏈接

我有一個網站，我從一組鏈接中觸發模式。有沒有辦法將鏈接本身的引用傳遞給模態？使用jQuery將參數從一個鏈接傳遞到另一個鏈接

我目前的實施可在這裏：http://138.197.123.25/左側邊欄鏈接將簡單地啓動一個模式窗口並要求位置;當他們爲特定項目選擇一個位置時。

的問題是，如果有人點擊了Party Packages側面菜單，然後選擇說，從模式的選擇San Diego，他們被帶到http://138.197.123.25/location/san-diego-rentals/，但我想是讓他們直接去他們選擇的項目和位置，所以在這個例子中，我希望他們直接去http://138.197.123.25/location/san-diego-rentals/party-packages/。

我不確定如何傳遞被點擊的鏈接引用來啓動模式，所以我可以將該類型的項目添加到位置並構建最終的URL。

來源

2017-04-13 Studio Rooster

我清理你的問題，除去參考，因爲它與你的問題無關。 –

[將數據傳遞到引導模式]可能的副本（http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal） –

您是否嘗試過使用'data- *'屬性？這可以工作。 https://www.w3schools.com/tags/att_global_data.asp – root

@ burhan-khalid謝謝你的鏈接;這對我非常有幫助。這裏是我的工作代碼，邊欄數據參數被附加到模態中的href。

側邊欄靜態菜單（發起模式） - 鏈接1

目前有打開的模態約20側邊欄中的鏈接，並且均具有data屬性分配。下面的鏈接有data-pr數據屬性，但其他有自定義屬性，如data-cg (carnival games) or data-tp (themed-parties)等...

... 
<div class="ss_button" data-id="party-packages"><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg">Party Packages</a></div> 
...

四個1的鏈接選擇（發起模式）模式窗口 - 鏈接2

... 
<div class='col-md-3'> 
    <a href="/location/san-diego-rentals/"><span class='city'>San Diego</span></a> 
</div> 
...

腳本

<script> 
    $(document).on("click", ".ss_button", function() { 
     var rentals = $(this).data('id'); 
     $('.modal-content a').attr('href', function() { 
      return this.href + rentals; 

     }); 
    }); 
</script>

來源

2017-04-13 15:37:36

使用jQuery將參數從一個鏈接傳遞到另一個鏈接

回答

相關問題