0

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

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

我正在使用 bPopup.js 并按照这个FIDDLE工作

我使用的超链接是：

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

我需要从示例“我的按钮”中更改 ID，并且我假设我需要使用一个类，因为我不能让每个超链接都具有相同的 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);
4

1 回答 1

2

尝试这个：

$('.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
    });
});
于 2014-03-16T11:47:22.440 回答