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

Question

我有一个使用php和mysql动态创建的产品图库，加载我的htlml页面。我将采取在画廊的所有图像，并将它们转换成链接，将产生一个模式窗口的内容，是动态生成的，这取决于哪个产品被点击。

我的第一个想法是使用Jquery选择所有的产品，在每个图像周围放置一个<a><a/>，并将某种标识符传递给将在模式窗口中生成内容的My。这种思维过程对于试图实现这一点是正确的，还是有更好的方式来实现这一点。谁能提供一些示例代码，我可以看看方向。

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和查询参数即可。