[英]Pass parameter from one link to another with 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。
@ 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>
...
模態窗口,其中包含四個鏈接選擇之一(啟動模態)-鏈接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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.