Question

我有一个简单的页面，我想要多个超链接。每个链接都将转到同一页面（test.php），但包含一个唯一的变量。

Test.php将从数据库中捕获变量和加载信息。这部分没问题，我的问题是如何将变量传递给模态页面？

我正在使用bPopup.js按照此 FIDDLE

进行操作

我使用的超链接是：

<a href="" id="my-button">LINKY</a>

我需要更改示例中的ID＆＃39; my-button＆＃39;而且我假设我需要使用一个类，因为我不能使用相同ID的每个超链接。

我想做的是：

<a href="" class="modal" datavalue="111">LINKY 1</a>
<a href="" class="modal" datavalue="222">LINKY 2</a>
<a href="" class="modal" datavalue="333">LINKY 3</a>
<a href="" class="modal" datavalue="444">LINKY 4</a>

但是如何调用此函数并将datavalue传递给它以便将其发送到test.php？

类似于 test.php？datavalue = 111 等

;(function($) {

    $(function() {
        $('#my-button').on('click', function(e) {
        e.preventDefault();

    $('#element_to_pop_up').bPopup({
        contentContainer:'.content',
        loadUrl: 'test.php' //Uses jQuery.load()
    });

});
});
})(jQuery);

Answer 1

试试这个：

$('.modal').on('click', function(e) {
    e.preventDefault();
    var data = $(this).attr("datavalue"); //Get your attribute
    $('#element_to_pop_up').bPopup({
        contentContainer:'.content',
        loadUrl: 'test.php?datavalue='+data //Pass via get
    });
});

Jquery将变量传递给模态？使用bPopup.js

1 个答案: