Question

我有一个产品库，在我的htlml页面加载时使用php和mysql动态创建。我将获取库中的所有图像，并将它们转换为链接，这些链接将生成一个模态窗口，其内容根据单击的产品动态生成。

我的第一个想法是使用Jquery选择所有产品，在每个图像周围放置<a><a/>并将某种标识符传递给我将在模态窗口中生成内容的php。这个思维过程是否正确，试图实现这一目标，或者是否有更好的方法来实现这一目标。任何人都可以提供一些我可以查看方向的示例代码。

Answer 1

是的，您所描述的内容将起作用。

但是，我建议你在php中生成包装<a href="javascript:void(0)"></a>并让jQuery只处理点击事件，这看起来像是：

$('a.product').click(function () {
    $.get('/some/url.php', data: {id: 1234}, function (data) {
        // Request is sent to /some/url.php?id=1234
        // PHP responds with some HTML
        // Output the HTML somewhere
        $('#output').html(data);
    });
});

如果你正在使用一个库用于模态，其中一些已经支持AJAX加载内容，所以你不需要$.get，而是只提供一个URL和查询参数。 / p>

试图用JS处理动态创建的链接

1 个答案: