如何在弹出窗口中显示产品详细信息，而不是重定向到Virtue Mart中的另一个页面

Question

我正在使用Joomla和virtuemart的网站上工作： - 我想在ligthbox中显示poduct详细信息或弹出当前页面而不是重定向到其他页面。 请看看我的网站 http://50.116.97.120/~amarhost/park_gold/index.php 然后点击产品详细信息链接，它会将您重定向到其他页面。我想停止重定向并在灯箱中显示所有细节或弹出。 你的建议是无价的。 提前致谢！！！！

Answer 1

使用preventDefault()将禁用该链接。

<a id="detailsLink" href="your_details_page.php?product_id=1212">Product Details</a>
$("#detailsLink").click( function(event) {
    event.preventDefault();
    launchLightBoxWindow();
});

现在在launchLightBoxWindow()启动灯箱。

我有example与此相似。

Answer 2

请参阅：http://fancybox.net/

将您的重定向转换为ajax调用并通过该ajax调用拉取数据并将其绑定到您的fancybox。在fancybox中有这个规定...

http://fancybox.net/blog

示例代码：

$("a#productdetails").bind("click", function() {


$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/product.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

return false;
});