sublink inside anchor test

by Laurens Maneschijn

HTML

<a href="#a_href" class="js_popup">
  aaa
  <span class="sublink" data-href="#span_href">span</span>
</a>
<div id="log"></div>

CSS

a,span{
  display: inline-block;
  padding: 10px;
  border: 1px solid black;
}

JavaScript

$(document).on('click', '.js_popup', function(e){
  var $etarget = $(e.target);
  if($etarget.hasClass('sublink') && $etarget.data('href') ){
    openpopup($etarget.data('href'));
    e.preventDefault();
    return;
  }
  // else... as usual:
  openpopup($(e.currentTarget).attr('href'));
  e.preventDefault();
});

function openpopup(href){
  console.log('href:', href);
  $('#log').prepend($('<p>').text(href));
}