#breadcrumb #coffeescript #truncate #ellipsis #bootstrap Truncate the last node in a breadcrumb and add an ellipsis. I use this with Twitter Bootstrap. Requires: ellipsis.js

Truncate Breadcrumb

# Fix the Breadcrumb display
$(document).ready ->
  $("ul.breadcrumb").children("li:not(:last)").append "<span class='divider'>&nbsp;/&nbsp;</span>"
  $("ul.breadcrumb").children("li:last").addClass "active"
	
  # Add ellipsis to last item if it's too long
  lessWidth = 0
  liWidth = $("ul.breadcrumb").children("li:last").width()
  $("ul.breadcrumb").children("li:not(:last)").each ->
    lessWidth  += $(this).outerWidth()
  availableWidth = $("ul.breadcrumb").width() - lessWidth
	
  if liWidth > availableWidth
    theText = $("ul.breadcrumb").children("li:last").text()
    $("ul.breadcrumb").children("li:last").text("")
    $("ul.breadcrumb").children("li:last").css("width", availableWidth)
    $("ul.breadcrumb").children("li:last").append("<div class='li-ellipsis'>"+theText+"</div>")
	
  $('.ellipsis').ellipsis(false);