Question

我有一个网站，我从一组链接触发模态。有没有办法将链接本身的引用传递给模态？

我目前的实施可在此处获得：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。

Answer 1

@ 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>

使用jQuery将参数从一个链接传递到另一个链接

1 个答案: