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选项,但是如何重写它以.js在我的原始href结束时追加.

Answer 1

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

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

如果您不想更改属性(保持链接相同),但希望它仅适用于fancybox,请使用href您提到的选项:

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