Fancybox插件：动态重写href选项

Question

我有一些链接：

<a href='http://mysite.com/comment/123/edit' class='fancybox'>Edit comment</a>

和Fancybox插件：

$(".fancybox").fancybox();

当我点击该链接时，我会看到http://mysite.com/comment/123/edit的某个页面，但我希望看到http://mysite.com/comment/123/edit.js。

我知道有href选项，但是如何重写它以在原始href的末尾附加.js。

Answer 1

您可以在应用fancybox时更改href属性：

$(".fancybox").attr('href', function() { return $(this).attr('href') + '.js'; }).fancybox();

如果您不想更改属性（保持链接相同），但希望仅将其应用于fancybox，请使用您提到的href选项：

$(".fancybox").each(function () {
    $(this).fancybox({ href: $(this).attr('href') + '.js' });
});