如何更改 jQuery 代码以在 url 末尾隐藏 .jpg？

Question

有人可以帮我编写这段简短的代码吗？ 现在，当我在我的网站上单击缩略图时，它会在地址栏中创建 url。但 url 最后有 .jpg 。 我应该如何修改代码，使其不会在 url 末尾显示 .jpg？

如果用户使用 www.domain.com/#image.jpg 之类的 url 进入站点，这段代码也会自动打开 Colorbox 图像，因此自然地对代码的更改也会影响到这一点。

谢谢！

jQuery(function() {
    var id, group;

    group = jQuery("a[rel='lightbox[63]']").colorbox({ 
        onComplete: function() {
            window.location.hash = (this.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1];
        }, 
        onClosed: function() {
            location.hash = '';
        }
    });

    id = location.hash.replace(/^\#/, '');
    group.filter('[href$="'+id+'"]').eq(0).click();
});

Answer 1

替换这个：

window.location.hash = (this.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1];

有了这个：

// Get the image URL
with_ext = (this.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1];
// Get the image url without the extension
without_ext =   with_ext.substring(0, with_ext.lastIndexOf(".")));
// Redirect
window.location.hash = without_ext;

说明

• my_str.lastIndexOf(".") 返回字符串 my_str 中最后一个 . 字符的位置
• my_str.substring(n, m)，其中n 和m 是数字返回my_str 中的字符，从n 到m 字符-https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/substr

示例

http://jsbin.com/uqufev/1/edit