slugify section headers

The current section headers are url encoded.  Because of that they
have some funny characters like %20.  We can clean that up by removing
all of the non-word characters before placing them in the anchor.
This commit is contained in:
Adam Hess 2016-10-20 22:02:16 -07:00
parent b91f817bfd
commit f26f41fde3
1 changed files with 3 additions and 2 deletions

View File

@ -55,11 +55,12 @@ $( document ).ready(function() {
// Add anchors for all content headers
content.find("h1, h2, h3, h4, h5").wrap(function(){
var wrapper = $("<a class=\"header\">");
wrapper.attr("name", $(this).text());
var header_name = $(this).text().trim().replace(/\W/g, '-')
wrapper.attr("name", header_name);
// Add so that when you click the link actually shows up in the url bar...
// Remove any existing anchor then append the new one
// ensuring eg. no spaces are present within it ie. they become %20
wrapper.attr("href", $(location).attr('href').split("#")[0] + "#" + encodeURIComponent($(this).text().trim()) );
wrapper.attr("href", $(location).attr('href').split("#")[0] + "#" + header_name );
return wrapper;
});