jquery - 如何更改 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), where nand mare numbers 返回my_str开头的n字符m- https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/substr

例子

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