Question

我有一张照片gallery page，其中显示了从数据库中提取的一系列缩略图。图像链接到更大的预览图像，当用户点击缩略图时显示该图像。

我还有购买此照片按钮，需要按照以下方式进行关联：

http://ee.rouviere.com/photo/image/entry_url

条目网址是条目的标题。

我使用的jQuery代码是：

$(function() {
    $("a:has(img.gallery)").click(function() {
        var largePath = $(this).attr("href");
        var caption = $(this).attr("title");

        $("#photo_large").attr({ src: largePath});
        $("#caption1").text(caption);
        return false;
    });
});

我只是需要一些帮助将立即购买按钮整合到此：

这是按钮的html：

<div id="buy-this-photo">
<a href="http://ee.rouviere.com/photo/image/Leaf_stains_on_sidewalk">
       <img src="http://ee.rouviere.com/_images/btn_buy-this-photo.jpg" 
            alt="Buy This Photo" /></a>
</div>

我需要使href部分动态化，以便它反映当前条目的链接。

提前感谢您的帮助。

Answer 1

如果我理解正确，您应该能够在返回false之上添加此行以执行您想要的操作：

var urlTitle = caption.toLowerCase().replace(' ', '_');
$('#buy-this-photo a').attr('href', 'http://ee.rouviere.com/photo/image/' + urlTitle);

这应该根据该模板将标题转换为网址标题。

您还可以将网址标题作为单独的属性或元数据粘贴，然后使用它。

如何使用jQuery为按钮指定路径？

1 个答案: