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

Question

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

如果用户输入网址如 www.domain.com/#image.jpg 的网站，这段代码也会自动打开 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 中的字符code> 从 n 开始到 m 个字符 - https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/substr

示例

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